网站建设资讯

NEWS

网站建设资讯

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://cdweb.net/article/goojjg.html