虚拟DOM（一）

栏目: jQuery · 发布时间: 6年前

虚拟DOM（一）

用jQuery实现

虚拟DOM（一）

遇到的问题

DOM 操作是“昂贵”的，js 运行效率高
尽量减少 DOM 操作，而不是“推倒重来”
项目越复杂，影响就越严重
vdom 即可解决这个问题

虚拟DOM（一）

三、vdom 的如何应用，核心 API 是什么

什么是 vdom

虚拟DOM（一）

介绍 snabbdom

虚拟DOM（一）

介绍 snabbdom - h 函数

虚拟DOM（一）

介绍 snabbdom - patch 函数

虚拟DOM（一）

重做jQuery的demo

使用 data 生成 vnode
第一次渲染，将 vnode 渲染到 #container 中
并将 vnode 缓存下来
修改 data 之后，用新 data 生成 newVnode
将 vnode 和 newVnode 对比

虚拟DOM（一）

核心 API

h(‘<标签名>’, {…属性…}, […子元素…])
h(‘<标签名>’, {…属性…}, ‘….’)
patch(container, vnode)
patch(vnode, newVnode)

四、介绍一下 diff 算法

4.1 vdom 为何使用 diff 算法

DOM 操作是“昂贵”的，因此尽量减少 DOM 操作
找出本次 DOM 必须更新的节点来更新，其他的不更新
这个“找出”的过程，就需要 diff 算法

虚拟DOM（一）

patch(container, vnode)

虚拟DOM（一）

演示过程

虚拟DOM（一）

以上所述就是小编给大家介绍的《虚拟DOM（一）》，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对码农网的支持！

查看所有标签

猜你喜欢:

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。

码农书籍

30天自制操作系统

[日] 川合秀实 / 周自恒、李黎明、曾祥江、张文旭 / 人民邮电出版社 / 2012-8 / 99.00元

自己编写一个操作系统，是许多程序员的梦想。也许有人曾经挑战过，但因为太难而放弃了。其实你错了，你的失败并不是因为编写操作系统太难，而是因为没有人告诉你那其实是一件很简单的事。那么，你想不想再挑战一次呢？这是一本兼具趣味性、实用性与学习性的书籍。作者从计算机的构造、汇编语言、C语言开始解说，让你在实践中掌握算法。在这本书的指导下，从零编写所有代码，30天后就可以制作出一个具有窗口系统的32位......一起来看看《30天自制操作系统》这本书的介绍吧!

码农工具

HEX HSV 转换工具

HEX HSV 互换工具

HSV CMYK 转换工具

HSV CMYK互换工具