vuereact与原生jsjquery渲染时间简单对比





    
    
    
    Document
    




    
  • {{item}}

vue 下载到了本地 ,那么渲染页面用了多长时间呢?
利用谷歌performance 可以看到

创新互联建站坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都网站建设、做网站、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的松江网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!

vue  react  与原生 js jquery  渲染时间简单对比

总共用了38.1ms

而用原生的js 达到同样效果





    
    
    
    Document



    
  • e1
  • e2
  • e3
  • e4
  • e1
  • e2
  • e3
  • e4

用时多少呢?

vue  react  与原生 js jquery  渲染时间简单对比

仅仅只有 9.8ms 哦,
当然vue的优势在于mvvm的方式不能只通过这一项就说vue不好。
这个数据仅供参考

我们再来看下jquery





    
    
    
    Document



    

vue  react  与原生 js jquery  渲染时间简单对比

11.8ms 可以说和原生js 很接近了

主要来看下react





    
    
    
    Document
        //为了公平将资源下载到了本地
        
    
    
    
    



    

vue  react  与原生 js jquery  渲染时间简单对比

164ms

比vue 的38ms几乎多了4倍!

结论:
单从网页引入的方式来看

耗费时间 是 react>vue>jquery>js 的


文章标题:vuereact与原生jsjquery渲染时间简单对比
网站链接:http://csdahua.cn/article/goojjg.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流