前端面试（四）vdom（virtual|前端面试（四）vdom（virtual dom）
什么是vdom,为何要用vdom
- 什么是vdom
（2）用JS模拟DOM结构
（3）DOM变化的对比，放在JS层来做（JS是图灵完备的语言，能实现算法、递归等）
（4）提高重绘性能
// 实际DOM 结构
- item 1
- item 2
// JS虚拟DOM
{
tag: 'ul',
attrs: {
id: 'list'
},
children: [
{
tag: 'li',
attrs: { className: 'item' },
children: ['Item 1']
}, {
tag: 'li',
attrs: { className: 'item' },
children: ['Item 2']
}
]
}复制代码- 设计一个需求场景
Document - 锐客网
"container">
复制代码- 用jQuery实现
- 遇到的问题
（2）尽量减少DOM操作，而不是“推到重来”
（3）项目越复杂，影响就月严重
（4）vdom
vdom如何使用，核心函数有哪些
- snabbdom
- 重做之前的dom
- 核心API
- 什么是diff算法
- 去繁就简
- vdom为何用diff算法
- diff算法的核心流程
推荐阅读
- 跌跌撞撞奔向你|跌跌撞撞奔向你 第四章（你补英语，我补物理）
- 奔向你的城市
- 四首关于旅行记忆的外文歌曲
- CET4听力微技能一
- 亲子日记第186篇，2018、7、26、星期四、晴
- 特种兵训练第四天
- 第四十三篇接纳孩子的感受
- 《自我的追寻》读书笔记3
- 不让记忆、感觉、情绪成为孩子的负累|不让记忆、感觉、情绪成为孩子的负累|《全脑教养法》（四）
- 亲子日记第三百四十二篇|亲子日记第三百四十二篇 暴雨