diff
关注
分享
扫一扫
猕猴桃-HR
前端开发工程师
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
React 中diffing 算法理解
React 框架中diffing 算法的理解:1: diffing 算法最小颗粒度是标签 (只可以精确到标签的位置) diffing 算法最小颗粒度是标签 (会一直递归循环遍历下去) 2：只要状态改变就会触发 render 函数 (实时修改状态) (状态修改就会触发render函数);在React/Vue 中 key属性有什么作用？ (index 的内部原理是什么？)3: 为什么办理列表时: key 属性最好不要使用index? 1: 虚拟DOM 中key属性的作用: .原创 2021-07-02 16:29:36 · 469 阅读 · 0 评论 -
h 函数
1： h 函数：<body> <button>点击我改变DOM</button> <div id="container"></div></body>1： 创建patch 函数const patch = init([classModule, propsModule, styleModule, eventListenersModule]);const vnode1 = h('ul', {}, [ h('li.原创 2021-06-04 15:22:17 · 2022 阅读 · 0 评论 -
虚拟DOM 中 h 函数
1： h 函数1： h 函数会返回一个vnode 节点; vnode 是一个对象;2： 函数的重载的, 就是一个函数有多种用法, 可以传递多个参数// 也就是说, 调用函数的时候形态必须是以下三种形态之一:// 第一: h('div', {}, '');// 第二: h('div', {}, []);// 第三: h('div', {}, h());export default function (sel, data, c) { // c: 代表第三个参数 // 检查原创 2021-06-03 18:24:44 · 1102 阅读 · 0 评论 -
Diff 算法中h 函数
1： h 函数用来产生虚拟节点（vnode）虚拟节点（vnode） 有哪些属性：{ children: undefined; // 子元素 data: {}; // 属性, 样式 elm: undefined; // 对应真正dom节点, 如果为undefined 表示DOM节点为上树 key: undefined; // 这个节点的唯一标识, (v-for 循环遍历： key值的作用：服务于最小更新的) sel: undefined; // 表示选择器 t.原创 2021-06-03 16:22:25 · 322 阅读 · 0 评论 -
Vdom 的认识
1： vdom：用js 对象描述DOM的层级结构。 DOM中的一切属性在虚拟DOM中都有对应的属性。diff: 算法在计算机中语言中就是精细化， 最小量更新的算法。 是发生zai原创 2021-06-02 22:48:18 · 582 阅读 · 0 评论