重庆分公司,新征程启航

为企业提供网站建设、域名注册、服务器等服务

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





    
    
    
    Document
    




    
  • {{item}}

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

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

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

总共用了38.1ms

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





    
    
    
    Document



    

用时多少呢?

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://cqcxhl.com/article/goojjg.html

其他资讯

在线咨询
服务热线
服务热线:028-86922220
TOP