切图小懵新

总所周知，react源码不是一般的多，直接阅读react源码，真的是劝退... 虽然没有更完，但是写得相当精彩，反正我是看了还想看那种。（有点崔更了，哈哈） 在了解react架构之前，我们还需要了解一下浏览器渲染原理，主流的浏览器刷新频率为60Hz，即每（1000ms / 60…

在上一篇文章这里我们讲到，在render阶段的beginWork函数中，会将上次更新产生的 Fiber 节点与本次更新的 JSX 对象（对应ClassComponent的this.render方法返回值，或者FunctionComponent执行的返回值）进行比较。根据比较的结…

在本章剩下部分我们会讲解Fiber节点是如何被创建并构建Fiber树的。 render阶段开始于workLoopConcurrent方法的调用。 其中workInProgress代表当前已创建的workInProgress fiber。 performUnitOfWork方法会…

产品一张图，交互全凭自己意会，比如产品经理常说的一句话："你参考一下某夕夕，某猫，某东",实际上我们没有它们的后台账号，他就点了两下给我们看。 大佬看到这么清晰的要求，估计想法："好简单!"。其实很多东西别人帮你理清楚了当然就觉得简单，实际操作时还是会棘手的。不过，我想在这儿讲…

写一篇关于 React Fiber 的文章， 这个 Flag 立了很久，这也是今年的目标之一。 最近的在掘金的文章获得很多关注和鼓励，给了我很多动力，所以下定决心好好把它写出来。 我会以最通俗的方式将它讲透, 因此这算是一篇科普式的文章。不管你是使用React、还是Vue，这里…

回想起当初学动态规划的时候，是真的难。动态规划的确很难，很考验逻辑思维能力、抽象能力、还有数学建模能力。 但是入门动态规划真的有这么难吗？我觉的其实真的不难，就是单纯的找规律；这里我想以一种比较野路子的方式帮助大家入门理解动态规划，这种方法真的是很简单且有效果，大神请忽略。 什…

这是一道比较难且巧妙的动态规划题目；这道题目并不适合初学者看，比较适合dp进阶选手研究。好了，废话不多说，直接上菜。 分析一下这道题，就是要截破所有的气球，获得硬币的最大数量，然后左右两边的气球相邻了。那就截呗，我的第一反应就是暴力，回溯法；但是肯定会超时，为什么呢？因为题目给…

之前我一直都在刷矩阵型，背包型的dp题目，今天我们来一道存在型的dp，这道题我觉得是比较有意思一点吧。（其实是相对简单一点，容易分析，困难题写不动，菜QAQ） 我相信很多小伙伴刷题都是为了应付面试，而应付面试，简单到中等的题目其实就够了，大部分公司都不会出很难的。再说了我只是个…

首先声明一下，我没有卖焦虑，是我自己焦虑了。其次，要感谢我的师傅，西湖区最帅..... 好了，言归正传，在leetCode评论区你都可以看到 lucifer，简称路西法大佬；他的题解才是符合人类思维的思考方式，思考的点都是很深入浅出的。 为什么要刷算法呢？因为现在大前端时代，而…

冒泡排序其实就是遍历一个数组，比较当前元素和下一个元素，如果当前元素比下一个大，向上冒泡。下次循环继续上面的操作，不循环已经排好序的数。其实你可以理解成每次比较两个数，把大的放后面，这样一趟就可以把最大的数放在最后面了。 首先第一步，你要思考清楚冒泡原理；第二步在大脑里面构建思…