您现在的位置:首页 --> JavaScript --> JavaScript 代码执行效率对比工具
JavaScript 代码执行效率对比工具
浏览:619次 出处信息
平时写些小页面小程序,一般不会出现性能问题,但是在大的工程,或者在写一个框架、类库的时候,代码的性能就需要提高一个优先级了。测试代码的性能有多种方案:
在 https://jsperf.com 上测试
使用
console.time
来收集代码执行的时间console.time('Name');
// code here...
console.timeEnd('Name');自己写一个时间控制器
本文自然就是自己撸一个简单易用的测试工具,效果如下图:
设计分析
可以先把代码下载下来,跑起来:
git clone https://github.com/barretlee/performance.git |
或者直接打开测试页面:https://barretlee.github.io/performance/test/。
点击代码按钮,Performance 会循环执行 button 中的代码,持续时间是设定的 1000ms,每次执行完,都会计算出相对效率,100% 是效率最高的,剩下的自然就是效率比较低的,从而可以比较清晰地看出程序之间性能差异。
相关阅读
建议继续学习:
- Mysql监控指南 (阅读:19476)
- 分享一个JQUERY颜色选择插件 (阅读:12352)
- MacBook Air与工作效率 (阅读:9370)
- 服务器性能测试工具推荐 (阅读:6145)
- 性能测试工具sysbench简介 (阅读:4554)
- 10个最有帮助的在线协同工具 (阅读:4494)
- 为什么我认为每个穷网站开发程序员都应该用Linux[工具篇] (阅读:4487)
- 加班与效率 (阅读:4499)
- 使用PHP_UML生成代码的UML图 (阅读:4036)
- 轻量级在线原型设计工具mockingbird (阅读:3979)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
扫一扫订阅我的微信号:IT技术博客大学习
<< 前一篇:用javascript比较语义化版本号
后一篇:元素选择器 - Mini Query >>
文章信息
- 作者:小胡子哥的个人网站 来源: 小胡子哥的个人网站
- 标签: 工具 效率
- 发布时间:2016-05-05 22:41:53
建议继续学习
近3天十大热文
- [11] 解决 ubuntu 的 /etc/hosts
- [10] 文言文白话文互转:文言文转白话文(现代文),
- [9] Http/2知识图谱
- [9] 一个 VLA (可变长度数组)的实现
- [9] 用邻接表实现无向图
- [8] arduino-蓝牙各种版本类型及费用对比
- [8] 领导需要比下属更懂技术吗?
- [7] 近场通信 vs. 低功耗蓝牙:如何抉择
- [7] 为什么数组标号是从0开始的?
- [7] JVM内存结构