百科问答小站 logo
百科问答小站 font logo



网上都说操作真实 DOM 慢,但测试结果却比 React 更快,为什么? 第1页

  

user avatar   longtengdao 网友的相关建议: 
      

一般去饭店、旅馆前,都会打电话问一下还有没有位子,避免白跑一趟。

在这个意义上,我们说打电话比跑一趟快。

可是打完电话后,你不还是得真的去一趟吗,对于住店而言,这个是省不了的。打电话的意义在于,五家店,你不用排着白跑,确定需要真的跑一趟了,才出门。换言之,跑一趟,只是对于确认有没有位子值得真的出门而言,才是可省的。

vue、react等的虚拟dom操作,就相当于打电话确认哪些更新真的发生了,值得进行真实dom操作。

因此,如果业务场景是全都需要更新,那打电话反倒成了额外的工作了。

之所以通常不必考虑这种可能性,原因有三:

1.几乎不可能全都需要更新

2.打电话就算浪费,开销也极为低廉,你有兴趣可以具体定量测试一下,我简单定性地打个比方,大概类似一百个店只要节省了一个白跑,九十九个电话就回本了

3.除了内容显示,前端现实业务往往还需要绑定onclick等交互事件,再加上双向绑定,直观、智能的模板语法是非常重要的,虚拟dom只是vue、react等的一部分,剩下的这些部分都是我们选择这些框架的重要原因,甚至才是根本原因




  

相关话题

  你为什么不使用 TypeScript? 
  &&-||能完全代替所有可以使用if-else的情况吗? 
  如何评价 Vue 在 Github 上的 star 数即将超越 React ? 
  为什么 Java 和 JS 等语言需要 VM,不能直接操作内存堆栈空间? 
  什么是函数式编程,它解决什么问题? 
  如何不使用loop循环,创建一个长度为100的数组,并且每个元素的值等于它的下标? 
  前端嫌我接口分的太多,我该怎么回答? 
  为什么form表单提交没有跨域问题,但ajax提交有跨域问题? 
  如何评价阿里的新开源飞冰(ICE)? 
  框架用比不用的真正优势? 

前一个讨论
如果有人告诉你,他被困在了同一天,你能怎样帮助他跳出时间循环?
下一个讨论
关于太空的电影中,最真实的一个场景是什么?





© 2025-01-18 - tinynew.org. All Rights Reserved.
© 2025-01-18 - tinynew.org. 保留所有权利