江北一条鱼

摘要： npm安装的主要流程： 重点是npm默认安装是优先使用缓存的， windows缓存路径：C:\Users\username\AppData\Roaming\npm-cache linux缓存路径：~/.npm 此时，如果我们遇到一些包不好下载，可以提前下载好，放到缓存目录，安装时就可以本地安装了。 阅读全文

摘要： 由于我们的服务器要求访问的url必须是https的，所以本地调试时，常常能看到这个画面： 一般情况下点击接受就可以了，但某次点击进入网站后，发现接口还是在报错： net::ERR_CERT_DATE_INVALID报错，接口直接失败 之前没遇到过这种情况，搞不清是前端还是接口的问题，网上搜了下，确定 阅读全文

摘要： 普通的react应用，切换页面后，原页面组件会unmount，页面内部的状态都会丢失。保存页面状态，必然需要把这些数据放在redux中。 数据保存的问题解决了，那又如何保证数据不重复加载呢？即在原页面数据存在的情况下，再次进入页面，不重新发起数据请求？ 这里就需要区分是第一次进入页面，还是第二次进入 阅读全文

摘要： 现在的react单页面应用，为了保持切换页面后，页面状态不丢失，会把部分状态数据保存在redux中。 现在的问题是这个state数据会用于前端状态展示，也会用于后台接口的参数，这两部分的格式是不同的。 比如日期，在前端是Moment格式，作为后端参数时，需要转化为ISOString，那这个state 阅读全文

摘要： flexbox结构下echarts图表如何实现自适应布局？ 已知echarts图表需要放在页面中心，宽度为屏幕宽度1/2，高度为距顶部80px，距底部60px，怎么放这个echarts图表比较好。 在扩大、减小屏幕宽度时，echarts图表可以自动跟着屏幕变化。 问题在于第一次布局成功后，图表宽度就 阅读全文

摘要： 一个Function Component的state状态整体是作为memoizedState存在FIber中的。 function执行时，首先取memoizedState第一个base state，作为hook数据源，更新state。 一次执行完后，hook被更新： 然后hook变为下一个数据源，并 阅读全文

摘要： 参考这篇文章：Choosing the Best Approach for React Event Handlers 1、function.bind()方式 2、inline arrow function方式 3、Class Property Arrow Functions 第一种方式比较常见，但因 阅读全文

摘要： 在启动 devServer 的时候，sockjs 在服务端和浏览器端建立了一个 webSocket 长连接，以便将 webpack 编译和打包的各个阶段状态告知浏览器，最关键的步骤还是 webpack-dev-server 调用 webpack api 监听 compile的 done 事件，当co 阅读全文

摘要： 浏览器缓存即http缓存 阅读全文

摘要： 内存分配 内存垃圾回收 引用是内存垃圾回收算法所依赖的主要概念之一。 引用计数垃圾回收：这是最简单的内存垃圾回收算法。当一个对象被 0 引用，会被标记为 "可回收内存垃圾"。但当循环引用时，将无法回收垃圾内存。 标记-清除算法 标记-清除算法包含三个步骤： 根：一般来说，根指的是代码中引用的全局变量 阅读全文