这两天自己简单的看了下 setState 的部分实现代码，在这边给到大家一个自己个人的见解，可能文字或图片较多，没耐心的同学可以直接跳过看总结(源码版本是16.4.1)。 、performWorkOnRoot、performSyncWork、performAsyncWork这四…

异步的JavaScript从未如何简单！过去段时间，我们使用回调。然后，我们使用promises。现在，我们有了异步功能函数。 异步函数能够使得（我们）编写异步JavaScript更加容易，但是，它自带一套陷阱，对初学者很不友好。 在这个由两部分组成的文章中，我想分享下你需要了…

setState作为react中使用最频繁的一个API，在这里简单分享它的实现机制。 网上有很多讲解fiber的文章大多在描述fiber的算法。实际上fiber包含数据结构和算法，按照v16之前的版本理解，fiber在源码中表示虚拟DOM的一个节点 第一个setState也就到…

据我了解，前端程序员有相当一部分对“数据结构”和“算法”的基础概念都不是很清晰，这直接导致很多人在看到有关这部分的内容就会望而却步。 实际上，当你了解了“数据结构”和“算法”存在的真正意义，以及一些实际的应用场景，对它有了一个整体的认知之后，你可能会对它产生强烈的兴趣。当然，它…

本文针对目前常见的面试题，仅提供了相应的核心原理及思路，部分边界细节未处理。后续会持续更新，希望对你有所帮助。 1. 实现一个call函数 2. 实现一个apply函数 3. 实现一个bind函数 4. instanceof的原理 5. Object.create的基本实现原理…

亲爱的读者朋友，如果你点开了这篇文章，说明你对正则很感兴趣。 想必你也了解正则的重要性，在我看来正则表达式是衡量程序员水平的一个侧面标准。 关于正则表达式的教程，网上也有很多，相信你也看了一些。 与之不同的是，本文的目的是希望所有认真读完的童鞋们，都有实质性的提高。 本文内容共…

金三银四跳槽季，offer快到碗里来，前端面试考点众多，而网上各个知识点的博客文章又太多，看的眼花缭乱……所以便整理了一下常见知识点的精华文章，每个知识点的文章控制在3篇以内，尽量覆盖该知识点的下容易被面试到的所有内容，文章都是之前自己读过的，确定是精华干货。文章会一直更新，也…

setState(updater, callback)这个方法是用来告诉react组件数据有更新，有可能需要重新渲染。它是异步的，react通常会集齐一批需要更新的组件，然后一次性更新来保证渲染的性能，所以这就给我们埋了一个坑： 那就是在使用setState改变状态之后，立刻通…

一般前端了解eventloop的时候, 最想知道代码执行的先后顺序，并非分析EventLoop。所以这里先说总结。 为什么？因为面试常考这个😂，因为分析和听懂分析都费劲。 js 单线程缺点，容易出现"假死"（如alert()之后，dom不渲染）。优点：保证 dom 的渲染不易…