![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vu3的设计与实现原理解析
文章平均质量分 75
LDM-Star
惟精惟一,允执厥中。
展开
-
Vue 组件的实现原理
/ children: `foo 的值是:${this.foo}, title is: ${this.title}, count is: ${this.count}`,return { type: "section", children: "我是内容" };return { type: "h1", children: "我是标题" };return { type: "p", children: "我是注脚" };构造出来这么个玩意到底有什么用呢?// console.log("文本节点");原创 2023-10-28 10:40:31 · 36 阅读 · 0 评论 -
最长递增子序列
经典算法:最长递增子序列。原创 2023-10-26 12:49:16 · 27 阅读 · 0 评论 -
Vue3的快速 Diff算法
构造出来这么个玩意到底有什么用呢?// 将Fragment的 children逐个挂载。// e.timeStamp 触发事件的时间。// 新增 patched 变量,代表更新过的节点数量。// console.log("文本节点");// 判断节点是否需要移动。// 5.判断是否需要进行DOM移动。// 此处是核心的 Diff算法。// 该节点不需要移动。// 新子节点不存在,则卸载旧节点。// 该节点需要移动。children: "我是注释内容",// 如何判断节点是否需要移动。// 绑定事件的时间。原创 2023-10-26 12:46:19 · 35 阅读 · 0 评论 -
Vue2的双端 Diff算法
Vue2的双端 Diff算法原创 2023-10-23 18:12:22 · 38 阅读 · 0 评论 -
简单 Diff算法
简单 Diff算法原创 2023-10-22 21:01:16 · 36 阅读 · 0 评论 -
Vue3 渲染器的核心功能:挂载与更新(very important!)
disabled: "", // 这是一个特殊属性案例处理。children: "千山鸟飞绝,万径人踪灭。// 将Fragment的 children逐个挂载。// e.timeStamp 触发事件的时间。// 绑定一个伪造的事件处理函数invoker。console.log("文本节点");children: "这是一个按钮",// 此处是核心的 Diff算法。// 新子节点不存在,则卸载旧节点。children: "我是文本内容 ",children: "我是注释内容",// 绑定事件的时间。原创 2023-10-21 16:40:31 · 168 阅读 · 0 评论