摘要：
浏览器渲染原理 五个渲染流程 Parse 阶段：解析 HTML Style 阶段：样式计算 三个阶段： 收集，划分和索引所有样式表中存在的样式规则 访问每个元素并找到适用于该元素的所有规则，CSS 引擎遍历 DOM 节点，进行选择器匹配，并且匹配的节点执行样式设置 结合层叠规则和其他信息为节点生成最 阅读全文
摘要：
React Fiber 在 React 16 之前的版本对比更新 VirtualDOM 的过程是采用 Stack 架构实现的，也就是循环加递归，这种方式的问题是一旦任务开始进行就无法被中断。 如果应用中的组件数量庞大， Virtual DOM 的层级比较深，主线程被长期占用，直到整棵 Virtual 阅读全文
摘要：
React diff 为什么使用虚拟 DOM ？ 浏览器在处理 DOM 的时候会很慢，处理 JavaScript 会很快，页面复杂的时候，频繁操作 DOM 会有很大的性能开销（每次数据变化都会引起整个 DOM 树的重绘和重排）。 为了避免频繁操作 DOM，React 会维护两个虚拟 DOM，如果有数 阅读全文