什么是dom,虚拟dom

什么是dom,虚拟dom 传统dom操作的弊端:当你用原生js 或jquery等库去操作DOM时,浏览器会从构建DOM树开始把整个流程(DOM树–CSSOM树—渲染树—回流—重绘—渲染页面)执行一遍

传统dom操作的弊端:当你用原生js 或jquery等库去操作DOM时,浏览器会从构建DOM树开始把整个流程(DOM树–CSSOM树—渲染树—回流—重绘—渲染页面)执行一遍,所以频繁操作DOM会引起不需要的计算,导致页面卡顿,影响用户体验

虚拟DOM的好处:虚拟DOM是为了解决DOM操作过多而导致性能低的问题而诞生的,虚拟DOM诞生之前,操作DOM的是直接操作的,改一次渲染一次,而虚拟DOM就是用js对象模拟一颗DOM树,每次修改DOM,先把虚拟DOM修改,最后再一次性把虚拟DOM更新,这样就减少了很多次DOM操作,优化了性能

虚拟DOM的工作原理:

a,用JavaScript模拟DOM树,并渲染这个DOM树

b,比较新老DOM树,得到比较的差异对象

c,把差异对象应用到渲染的DOM树

内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/34394.html

(0)

相关推荐

  • 时空猎人礼包兑换码是多少(时空猎人兑换码高级礼包)

    猎人3官方会不定期发放各种礼包码供玩家领取奖励,那么8月份有哪些兑换码呢?今天边肖就给大家介绍一下《时空猎人3》最新的8月兑换码分享2022。有需要的朋友不要错过。 时空猎人3最新…

    2022年8月4日
  • 苹果自2015年以来首次成为中国最畅销的智能手机品牌

    根据Counterpoint Research的一份最新报告,在iPhone 13系列的推动下,苹果的销售额月度增长46%,是中国所有主要OEM厂商中最高的。苹果是上个月在中国销售最好的智能手机品牌。自2015年12月以来,苹果公司在中国的销量一直处于领先地位。

    科技 2021年11月29日
  • 《超级收纳馆》最强四驱通关攻略

    055-79000最强四驱怎么通关?这是一款很多小伙伴都能轻松融入的归纳整理游戏,每一关都能体验到不同的剧情。这个级别需要手动组装四驱才能通关。接下来是柠檬友给大家带来的《超级收纳…

    教程 2022年9月2日
  • 等额本息是什么意思,等额本息通俗解释

    等额本息是什么意思,等额本息通俗解释 相信很多朋友在购买房产时,都会通过申请房贷来解决大部分的购房款。在申请房贷的时,大家都会面临一个选择,是该选择等额本息还款,还是该选择等额本金还款呢?这两者又有什么区别呢?下面,

    攻略 2021年11月12日
  • facebook和腾讯,facebook和微博

    Facebook的营收不断提升,最大的财富是30亿用户。根据统计数据显示,Facebook第一季度的营收达到了177.37亿美元,与同期相比增长了17%。

    科技 2021年10月24日
  • 年利率是什么意思(年利率怎么计算)

    年利率是什么意思(年利率怎么计算)如今,理财已经是随处可见,大到股票投资,小到余额宝收益,每个人都会有自己的理财方式。其中,数字成为了很多投资者判断一款产品收益高低的重要参考指标,比如说一款产品的年化收益率为5%,另..

    营销 2021年8月18日