- 博客(3)
- 收藏
- 关注
RSS订阅原创 react中diff算法是怎么运作的，从tree到compoent层到element层
react diff算法是一种高效的差异计算算法，常用与计算两个数据结构（如树，组件或元素）的差异。：如果元素的内容或属性发生了变化，算法会记录这些变化，并生成相应的更新操作。在element层，Real diff算法处理的是最细粒度的差异，即具体的元素之间的差异。：对于每个组件，算法会检查其属性的差异。：如果树结构发生了重大变化（例如，节点被移动或删除），算法会生成相应的变更操作，如插入、删除或移动节点。：元素层的差异计算通常非常细致，关注每个小的改变，以确保用户界面能够正确反映数据的变化。
2024-07-26 21:36:36
568
原创 react中diff算法和vue中的diff算法区别。
虚拟dom，就是我们在页面上展示的dom结构叫做dom树，我们把数据和将要渲染的代码模拟dom结构生成的对象类型的数据结构,就叫虚拟dom树，将真实的DOM数据抽取出来，以对象的形式模拟树形结构，我们先根据真实dom生成一课virtual DOM，当virtual DOM某个节点数据改变后会生成一个新的Vnode，然后 Vnode 和 oldVnode 作对比，发现有不一样的地方就直接修改在真实的DOM上，然后使 oldVnode 的值为 Vnode。
2024-07-25 20:25:49
1968
原创 组件化开发之如何封装组件---react
在React中，组件是构造用户界面的基本单位。组件可以理解为一个独立且可复用的代码单元。它封装了特定的功能和UI呈现。React应用程序是由多个组件构成的，这些组件可以嵌套在一起形成复杂的UI结构。俗话：当谈论组件时，就像在搭积木一样，每个组件都是一个独立的、可以重复使用的代码块，用来构建网页或应用的各个部分。比如界面的布局，像按钮、文本输入框这样的东西。
2024-07-19 17:18:15
1527
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人