vue-react为何要虚拟dom

vue-react为何要使用虚拟dom

  1. 虚拟dom不是真的dom,而是JS的一种数据结构,一套更新机制罢了(数据结构+算法组成程序,他就是这么组成的)
  2. 其主要是用来做跨平台的,利用虚拟dom能无缝同时开发前端、移动端甚至pc端
  3. 工程化的开发,抽象简化渲染逻辑,利用数据驱动ui的方式,能减少不少dom的操作,提高开发效率,减少学习成本,代码可读性、可维护性也更好
  4. 存在diff算法对比,当频繁修改界面元素时,虚拟dom能够减少很多不必要的渲染次数,减少界面重拍,从而提高性能(并不是说一定比操作真是dom快,实际直接操作dom是效率最高的,但对于大多数开发者来说都很难做到极致的优化,尤其是初级开发者占比高,对于优化了解不多,这样操作真实dom反而大幅度增加冗余操作,反而降低实际渲染效率,且大公司业务复杂,遗留问题更多,更难处理此类问题)
  5. 社区发展很久,大量优秀轮子的出现,更加标准化的开发规范,能够大幅度降低学习上手难度,能够更快补足开发者数量上的不足,减少企业开发和维护成本,从而进一步促进其繁荣(鸿蒙就是出来的晚,社区不完善,好用的轮子少,需要大量时间发展,学习开发成本都高不少,人力也不足没办法大规模推广,这也是很重要的一个因素)
相关推荐
啾咪orJIUMI1 小时前
Vue 3 + 高德地图封装实战:点位、区域、Loca 流光与 Vue 信息窗体
前端·vue.js
掘金者阿豪1 小时前
AI数据库不只是向量检索:从数据语义到库内智能计算的技术演进
前端
梦里寻码1 小时前
我用 NestJS + Vue3 写了一套完整的研发管理系统(58 表 / 229 API / 130 项断言,全开源
前端·后端·算法
FRing031 小时前
vue2干货总结8(路由模块封装、router-link、声明式导航、路由重定向、编程式导航)
开发语言·前端·vue.js·vue2
SameX1 小时前
HarmonyOS ArkUI Dialog 复用 用 @CustomDialog + enum type 做多类型统一管理的做法
前端
AiMan1 小时前
豆包爱学还是不可以导出左侧所有对话,只能单容导出,方法不对吗
前端
AiMan2 小时前
Grok生成的内容能否下载吗?
前端
徐小夕2 小时前
JitArchives,一款基于JitWord协同AI文档打造的企业级电子档案系统
前端·vue.js·github
陈随易2 小时前
Node.js 2026上半年都有哪些性能提升?
前端·后端·程序员
墨林陌3 小时前
AI 热点日报(2026-11-09):苹果代理式Siri曝光,Anthropic推进IPO,编码智能体实测翻车
前端