react hooks
March 31, 2022笔记-- 「一文吃透react-hooks原理」
百事可乐
Let it snow, let it snow, let it snow
笔记-- 「一文吃透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…