肚肚

Vue 实例从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程，我们称这是Vue的生命周期，各个阶段有相对应的事件钩子。 2、mounted 不会承诺所有的子组件也都一起被挂载。如果你希望等到整个视图都渲染完毕，可以用 vm.$nextTick 在…

nodemon是一个自动重启node应用的工具，当监听的文件或监听目录下的文件发生修改时，自动重启应用。 使用nodemon不需要对应用本身的代码做任何修改。nodemon可以看作node的执行容器。使用nodemon，只需要在执行代码的时候，把node换成nodemon即可。…

WebSocket protocol是HTML5一种新的协议。它实现了浏览器与服务器全双工通信(full-duplex)。一开始的握手需要借助HTTP请求完成。 网站上的即时通讯是很常见的，比如网页的QQ，聊天系统等。按照以往的技术能力通常是采用轮询、Comet技术解决。 HT…

判断MUTATION_TS[key]，如果存在且比startAt大，则设置isValidating为false，并放弃对结果的处理。（注意连续2次触发revalidate的时间间隔小于1ms，可能会导致响应覆盖的情况 req1 - 5s - res1/req2 - 3s - r…

更新视图但不重新请求页面，是前端路由原理的核心之一。 即地址栏 URL 中的 # 符号（此 hash 不是密码学里的散列运算）。 利用了 HTML5 History Interface 中新增的 pushState()和replaceState() 方法。 hash 模式和 h…

useEffect和useLayoutEffect，是两个工作方式很相似的React Hook。 但是它们不是完全一样的。通过阅读下面的内容，你将知道二者之间有何不同，以及每一种的适用场景。（大部分场景都适用于useEffect） 一句话总结：二者的不同在于执行时机。 useE…

最近一直在关注前端招聘方面的相关要求，发现高级前端工程师(p6)是前端职位进阶中的一个分水岭，往上就是资深、专家等。 今天主要谈谈自己对初级前端工程师、中级前端工程师和高级前端工程师主要负责的工作内容的一些理解，以及对初中级前端工程师如何进级高级前端工程师给出自己的一些想法。（…

SWR是提供远程数据请求的React Hooks库。 SWR是由stable-while-revalidate的首字母组成，是由HTTP RFC 5861普及的缓存失效策略。SWR优先返回缓存数据(stable)，然后再发送远程请求(revalidate)，最后更新最新的数据。…

React Fiber是对React核心算法的重构，目前还正在进行中。它是React团队2年多以来不断研究积累的成果。 React Fiber的目标是使React在动画、布局、手势等领域的实现更好。它的中心特性是增量渲染：可以将渲染工作分为几个阶段，并散布在多个帧中执行。 另外…