我们专注攀枝花网站设计 攀枝花网站制作 攀枝花网站建设
成都网站建设公司服务热线:400-028-6601

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

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://mswzjz.cn/article/goojjg.html

其他资讯