React
关注
分享
扫一扫
文章平均质量分 94
1900's 88 keys
陆上的人喜欢寻根究底，虚度很多的光阴。
冬天忧虑夏天的迟来，夏天担心冬天的将至。
不停到处去追求一个遥不可及、四季如夏的地方——我并不羡慕。
展开
-
React之diff算法
React之diff算法 一、diff算法的作用 计算出Virtual DOM中真正变化的部分，并只针对该部分进行原生DOM操作，而非重新渲染整个页面。 二、传统diff算法 通过循环递归对节点进行依次对比，算法时间复杂度达到 O(n3) ，n是树的节点数，这个有多可怕呢？——如果要展示1000个节点，得执行上亿次比较。即便是CPU快能执行30亿条命令，也很难在一秒内计算出差异。 三、React的diff算法 什么是调和？ 将Virtual DOM树转换成Actual DOM树的最少操作的过程称为调和。 #原创 2022-03-02 19:34:23 · 250 阅读 · 0 评论 -
React组件实例的三大核心属性
React组件实例的三大核心属性 state state 是组件对象最重要的属性，值是对象（可以包含多个key-value的组合） 组件被称为“状态机”,通过更新组件的state来更新对应的页面显示（重新渲染组件） 即：组件—>状态—>驱动—>页面 1.创建一个有状态的组件 <body> <div id="test"></div> <script type="text/babel"> // 1.创建组件原创 2022-02-18 23:14:28 · 892 阅读 · 2 评论