腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
返回腾讯云官网
webTower
推送web前端开发相关文章
专栏作者
举报
66
文章
122406
阅读量
16
订阅数
订阅专栏
申请加入专栏
全部文章
编程算法
javascript
css
react
http
https
node.js
api
php
html
网站
webpack
网络安全
java
打包
ecmascript
缓存
mapreduce
redux
html5
windows
c++
jquery
json
git
linux
文件存储
SSL 证书
渲染
babel.js
爬虫
ssh
云服务器
负载均衡
python
actionscript
vue.js
数据库
云数据库 Redis
sql
access
ide
github
unix
ubuntu
负载均衡缓存
nginx
批量计算
访问管理
命令行工具
eslint
容器
存储
游戏
正则表达式
面向对象编程
npm
二叉树
markdown
安全
数据分析
数据结构
canvas
内容安全
应用安全开发
搜索文章
搜索
搜索
关闭
理解DOM Diff算法
vue.js
虚拟 DOM 出现的背景:在 jQuery 时代,可以自行控制 DOM 操作的时机,手动调整,但是当项目很大时,操作 DOM 的复杂度就会上来,DOM 操作会很耗费性能,操作 DOM 就还需要考虑优化 DOM 操作,提升性能。《高性能 JavaScript》这本书中说,把 DOM 和 JavaScript 各自想象成一个岛屿,它们之间用收费桥梁连接。操作 DOM 后需要经过跨流程通信和渲染线程触发的重新渲染(重绘或者重排),在开发中,应尽量减少操作 DOM。而虚拟 DOM 出现后,更新 DOM 交给框架处理。操作虚拟 DOM 可能并没有操作真实 DOM 快,但是它让开发人员不再把很多精力放在操作 DOM 上,而是专注于处理业务数据。本文以 Vue 原码中的 DOM diff 算法为例,介绍一下这个算法的实现原理。
多云转晴
2020-07-29
995
0
没有更多了
社区活动
腾讯技术创作狂欢月
“码”上创作 21 天,分 10000 元奖品池!
立即发文
Python精品学习库
代码在线跑,知识轻松学
立即查看
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
立即体验
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
立即查看
领券
问题归档
专栏文章
快讯文章归档
关键词归档
开发者手册归档
开发者手册 Section 归档