- 博客(4)
- 收藏
- 关注
RSS订阅原创 重排(回流)和重绘
界面：appearance、outline、background、mask、box-shadow、box-reflect、filter、opacity、clip、border-radius、background-size、visibility。重绘：当页面中元素样式的改变并不影响它在文档流中的位置时（例如：color、background-color、visibility等），这些属性只是影响元素的外观，风格，而不会影响布局的，浏览器会将新样式赋予给元素并重新绘制它，这个过程称为重绘。
2024-03-30 19:09:40
1892
原创 vuex的使用
11、在第一行输入框中输入数据按下回车后name与age会立刻更新修改(同步)，在第二行输入框中输入数据按下回车后name与age会等待一秒后更新修改(异步)state：存放状态数据的地方，其中数据是响应式的，数据改变对应组件的数据也会跟新改变，禁止直接改变state中的数据否则数据无法被调试工具监测。//用于生成与 mutations 对话的方法，即：包含 $store.commit(xx) 的函数。mutations：装着处理数据逻辑方法的集合体，是该改变state中数据的唯一方法，修改数据是同步的。
2024-03-30 18:41:47
1755
原创 Vue生命周期总结（四个阶段，八个钩子）
这个钩子函数获取dom的内容是更新之后的内容生成新的虚拟dom，新的虚拟dom与之前的虚拟dom进行比对，差异之后，就会进行真实dom渲染。真实dom元素也是没有渲染出来的，el和data，method并没有初始化，不能访问data的数据和method方法。代表dom马上就要被渲染出来了，但是却还没有真正的渲染出来，这个钩子函数与created钩子函数用法基本一致。在这一步，实例仍然完全可用。数据更新前，这个钩子函数初始化的不会执行,当组件挂载完毕的时候，并且当数据改变的时候，才会立马执行,
2024-03-30 18:23:58
631
原创 diff算法
第一次从newStartIndex比较，从oldStartIndex到oldEndIndex循环，发现旧节点D与新节点D相同，直接复用旧节点D作为diff后的第一个真实节点，同时旧节点endIndex移到C的位置，新节点newStartIndex移动到C的位置。第三次循环从oldStartIndex(A)到oldEndIndex(B)查找新节点newStartIndex(E)，发现E没有找到，此时只能创建新的真实节点E，插入到第二次创建的C节点之后，同时新节点的newStartIndex移动到A。
2024-03-30 17:52:37
1513
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人