dom的隐藏功能(谈谈对虚拟DOM的理解)
dom的隐藏功能(谈谈对虚拟DOM的理解)
2024-06-25 12:08:42  作者:疼歇斯底裏  网址:https://m.xinb2b.cn/know/fxh153596.html

传统dom操作的弊端:当你用原生js 或jquery等库去操作DOM时,浏览器会从构建DOM树开始把整个流程(DOM树--CSSOM树---渲染树---回流---重绘---渲染页面)执行一遍,所以频繁操作DOM会引起不需要的计算,导致页面卡顿,影响用户体验,我来为大家讲解一下关于dom的隐藏功能?跟着小编一起来看一看吧!

dom的隐藏功能(谈谈对虚拟DOM的理解)

dom的隐藏功能

传统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树

  • 北沿江高铁滁州官方最新消息(滁州铁路交通大爆发)
  • 2024-06-25滁州铁路交通大爆发昨天上午,记者从市政府召开的新闻发布会上获悉,我市坚持一手抓疫情防控,一手抓经济社会发展,加快项目建设、加强项目谋划、加大项目帮扶,高质量推进项目建设,最大限度降低疫情影响,确保完成年初确定的经济社会。
  • 语文易读错的字音积累(108个经常望形生音)
  • 2024-06-25108个经常望形生音曾经,台湾省教育部门正式认定:“尴尬”可以读作“jiānjiè”,引发网友热议其实,生活中也有很多容易望形生音的易错词语,谙(ān)习、秘(bì)鲁、盎(àng)然、刚愎(bì)……看到第一个就不敢开。
  • EX职阶的一个隐藏优势(EX职阶的一个隐藏优势)
  • 2024-06-25EX职阶的一个隐藏优势哈喽小伙伴们好呀!即死作为FGO里一个概率低但是一旦成功就非常省事的效果,既让玩家们喜爱也让玩家们恐惧,如果是我方从者即死成功就好,如果是敌方即死成功那我们估计就要SL再来一次了敌方即死尤以尼禄祭的王。
  • 虾滑鱼丸的制作方法(鲜虾薯格泡椒江团)
  • 2024-06-25鲜虾薯格泡椒江团鲜虾薯格食材&配料:薯片、鲜虾、蔓越莓、芥末、沙拉酱、白胡椒粉、盐做法:鲜虾处理干净去掉虾线虾壳,加盐、白胡椒粉拌匀腌制入味裹上淀粉,放入油锅中炸制,表面起脆壳捞出控油把芥末和沙拉酱混合均匀,放入炸好。
  • 慕容垂生平介绍(燕赵天空上那颗闪亮的星-东晋枭雄慕容垂)
  • 2024-06-25燕赵天空上那颗闪亮的星-东晋枭雄慕容垂各行各业都是有天才的很多事儿是讲究天赋的,有的人头悬梁锥刺股整夜整夜的读书,也考不上清华北大很多人的一生兢兢业业再努力也成不了达芬奇也成不了特斯拉西方有句话:天才是1%的灵感加上99%的汗水,但1%的。
  • 14岁花千骨扮演者(两人同演花千骨走红)
  • 2024-06-25两人同演花千骨走红《花千骨》这部古装玄幻仙侠剧,在播出的时候收视率和网络点击率都位列电视剧排名第一,剧中的每一句经典台词,当时也是在网上非常的热,而这部电视剧中故事情节跌岩起伏,丝丝入扣,剧中唯美的造型和高颜值的演员也。
  • 现在香港还在乱吗(不想香港乱下去)
  • 2024-06-25不想香港乱下去新华社香港3月12日电题:“支持国家,不想香港乱下去!”——香港街头见闻新华社记者王旭牛琪朱宇轩熙熙攘攘的人流从湾仔地铁站涌出,28岁的打工仔欧阳也在其中一出站口,“撑全国人大决定完善香港选举制度落实。
  • 塞班岛旅游自由行推荐(天堂原来是这个模样)
  • 2024-06-25天堂原来是这个模样塞班岛是马里亚纳群岛(联邦)的主要岛屿,塞班岛及邻岛靠近亚洲,属太平洋边缘地带北马里亚纳群岛气候舒适宜人,全年阳光充沛,空气清新,水清沙幼年平均温度在摄氏27度左右,是旅游度假的天堂塞班的海滩从西一直。
  • 在家怎样酱牛肉好吃(在家做酱牛肉可以1斤出7两)
  • 2024-06-25在家做酱牛肉可以1斤出7两牛肉最常吃的吃法就是酱牛肉,酱牛肉自古到今就是下酒菜来的首选好的酱牛肉不光颜色好看,刚出锅口感软烂,放凉后肉质紧实,怎么切都不会松散,但是一般好的酱牛肉煮出来,一斤要缩水半斤左右,也就是说1斤牛肉出半。
  • 资料分析如何识别题型(资料分析的非常规题型)
  • 2024-06-25资料分析的非常规题型资料分析是行测试卷的重中之重,其中涉及到很多概念和公式,要求考生熟知各个概念以及熟练掌握速算方法其中不乏一些冷门概念是很多考生并不熟悉的,如果考试以此出题,很有可能让你遭遇资料滑铁卢接下来我们一起看一。
  • 香蕉皮肥料适合哪些蔬菜(香蕉皮种植蔬菜怎么做)
  • 2024-06-25香蕉皮种植蔬菜怎么做香蕉是我们日常生活中最常接触到的水果,吃香蕉的时候,会残留有一层外皮,对于这种水果外皮,很多人都选择直接丢垃圾,对于喜欢种植蔬菜的我们来说,这种做法是很浪费资源的一种行为其实,香蕉皮是一种珍贵的肥料材。
  • 精灵与萤火意志双人怎么玩(精灵与萤火意志攻略)
  • 2024-06-25精灵与萤火意志攻略在探索水墨沼泽的途中,玩家会在关卡深处遇到一个音乐谜题,或者说石头乐谱谜题,玩家需要根据游戏背景中的提示,按照特定的顺序对头上的花进行猛击解开谜题其实,对比背景的石堆与垂下来的花朵,可以发现他们各自都。