leapfrog60546

这两段代码在功能上是等价的，都是数组中所有数字的总和，但是它们之间有一些理念差异。让我们先研究一下 reducer，因为它们功能强大，而且在编程中很重要。有成百上千篇关于 reducer 的文章，最后我会链接我喜欢的文章。 要理解 reducer 的第一点也是最重要的一点是它永…

为了保证的可读性，本文采用意译而非直译。 这些年来，ES6 将 JS 的可用性提升到一个新的水平时: 箭头函数、类等等,这些都很棒。 箭头函数是最有价值的新功能之一，有很多好文章描述了它的上下文透明性和简短的语法。 但每个事务都有两面。通常，新特性会带来一些混乱，其中之一就是箭…

我无意在Reddit上找到了这个JavaScript meme，它是我见过最好的抽象。 你可以通过运行开发者工具来运行（图中）的每行代码来验证此关系的准确性。结果并不令人惊讶，但仍然令人失望。 当然，这个小实验触发了我的兴趣... 凭借经验，我学会了接受JavaScript这滑…

这是我的剖析 React 源码的第五篇文章。这篇文章开始将会带着大家学习组件更新过程相关的内容，尽可能的脱离源码来了解原理，降低大家的学习难度。 在另外的两篇文章中你可以学习到如何调和组件及渲染组件的过程。 想必大家都知道大部分情况下多次 setState 不会触发多次渲染，并…

大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建教程】。 使用Proxy，你可以将一只猫伪装成一只老虎。下面大约有6个例子，我希望它们能让你相信，Proxy 提供了强大的 Javascript 元编程。 尽管它不像其他ES6功能用的普遍，但Proxy有许多用途，包括运…

顺序为 1 -> 2 -> 4 -> 3 -> 4 -> 3 -> 4 -> ... -> 退出

当父组件执行render的时候，避免不了C组件的渲染和C函数的执行（如果不在外面加判断的话：{isShowC && <C />}）。当到了C组件的时候，会浅比较C组件前后props值。如果props每一个属性值都一样，会跳过函数组件C的执行，减少了不必要的渲染，达到了性能优化。…

大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建教程】。 上述在函数组件中没有办法使用它们，取而代之的是 useRef Hooks。 大家可能会想到 state 也可跨越渲染周期保存，但是 state 的赋值会触发重渲染，但是 ref 不会，从这点看 ref 更像是类…

另外可以发现并不是一个 token 对应一个 Node，等号左右必须都有值才能组成一个声明语句，否则会作出警告，这就是 eslint 的基本原理。最后所有的 Node 组合在一起就形成了 AST 语法树 通过 @babel/traverse 我们能够轻松的找到 await 表达…