笔记-- 「一文吃透react-hooks原理」

什么虚拟dom 平时编写react时候，使用jsx语法糖，经过babel编译后会被转成一个个的createElement的方法。而createElement方法返回的描述dom节点对象就是虚拟dom。 虚拟dom是一种模式，是对ui…

读书笔记

JavaScript…

传统diff 计算两棵树形结构差异并进行转换，传统diff算法的做法：循环递归每一个节点 dom diff 比如左侧树a节点依次进行对比，a->e、a->d、a->b、a->c、a->a，左侧其他节点也是，算法复杂度能达到O(n^…

合成事件 合成事件的触发基于浏览器的事件机制，通过冒泡机制冒泡到最顶层元素，然后再由dispatchEvent统一处理 浏览器事件机制 捕获阶段（父到子） -> 获取到目标元素 -> 冒泡阶段（子到父） Q:若对合成事件进行阻止，原生事件是否会执行。会 A…

setState是同步还是异步 react是会合并setstate的操作，避免多次渲染更新页面，造成一种异步的假象。React内部有一个全局唯一的标识(isBatchingUpdates)来表示是否进行合并更新。当生命周期函数或合成事件开始执行前，标识会设为true…

为什么引入Fiber这个架构 JavaScript是单线程的并且它和ui渲染线程是互斥的。在React实现fiber架构之前，virtual dom(react.createElement，记录节点属性和children)形成的virtual dom tree，dom diff…