UDN-企业互联网技术人气社区

板块导航

浏览  : 1006
回复  : 0

[技术讨论] JavaScript 代码执行效率对比工具

[复制链接]
杀马特的忧伤的头像 楼主
发表于 2016-5-4 09:19:20 | 显示全部楼层 |阅读模式
  来源:小胡子哥 (Barret Lee)

  平时写些小页面小程序,一般不会出现性能问题,但是在大的工程,或者在写一个框架、类库的时候,代码的性能就需要提高一个优先级了。测试代码的性能有多种方案:我要说话

  在 https://jsperf.com 上测试

  使用 console.time 来收集代码执行的时间
  1.  console.time('Name');

  2.   // code here...

  3.   console.timeEnd('Name');
复制代码

  自己写一个时间控制器

  本文自然就是自己撸一个简单易用的测试工具,效果如下图:

TB1d238JpXXXXcoXFXXXXXXXXXX-446-570.gif


  设计分析

  可以先把代码下载下来,跑起来:
 
  1.  git clone https://github.com/barretlee/performance.git

  2.   cd performance/test;

  3.   open index.html;
复制代码

  或者直接打开测试页面:https://barretlee.github.io/performance/test/

  点击代码按钮,Performance 会循环执行 button 中的代码,持续时间是设定的 1000ms,每次执行完,都会计算出相对效率,100% 是效率最高的,剩下的自然就是效率比较低的,从而可以比较清晰地看出程序之间性能差异。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关于我们
联系我们
  • 电话:010-86393388
  • 邮件:udn@yonyou.com
  • 地址:北京市海淀区北清路68号
移动客户端下载
关注我们
  • 微信公众号:yonyouudn
  • 扫描右侧二维码关注我们
  • 专注企业互联网的技术社区
版权所有:用友网络科技股份有限公司82041 京ICP备05007539号-11 京公网网备安1101080209224 Powered by Discuz!
快速回复 返回列表 返回顶部