美文网首页
JavaScript代码性能

JavaScript代码性能

作者: 路上的九尾猫 | 来源:发表于2019-06-09 11:19 被阅读0次

1 避免全局查找:可能优化脚本最重要的就是注意全局查找。使用全局变量和函数肯定比使用局部的开销更大,因为要涉及作用域链上的查找,另外如果有需要使用多次查找结果的情况,可以用局部变量存储查找结果。

2 选择争取的方法:避免不必要的属性查找;优化循环,优化循环的方式有减值迭代,简化终止条件,简化循环体,使用后测试循环,展开循环

3 避免双重解释

4 性能注意事项:原声方法较快,switch语句较快,位运算符较快

5 最小化语句数:完成多个操作的单个语句要比完成单个操作的多个语句快,所以可以一句声明多个变量,插入迭代值,使用数组和对象字面量。

6 优化DOM交互:最小化更新现场、使用innerHTML(当把innerHtml设置为某个值时,后台会创建一个HTML解析器,然后使用内部的DOM调用来创建DOM结构,而不是基于JavaScript的DOM调用)

7 使用事件代理

相关文章

  • JavaScript代码性能

    1避免全局查找:可能优化脚本最重要的就是注意全局查找。使用全局变量和函数肯定比使用局部的开销更大,因为要涉及作用域...

  • javaScript性能优化之代码优化

    利用函数的惰性载入提高 javaScript 代码性能 在 javaScript 代码中,因为各浏览器之间的行为的...

  • javascript 代码性能提高

    js对象的hasOwnProperty为什么比数组的indexof方法在性能上高的多? 把常用的代码封装成为一个函...

  • 优化Javascript代码性能

    优化JS代码性能 优化循环 我们来看一段段代码 这段代码循环footballTeam中的members数组,然后打...

  • 提升 javascript 代码性能

    今天我们通过分析在 V8 引擎中是如何提升我们代码的性能的。今天先谈常见的元素种类 运行 JavaScript 代...

  • Reflow、Repain的优化

    如果你的HTML变得很大很复杂,那么影响你JavaScript性能的可能并不是JavaScript代码的复杂度,而...

  • 如何写高性能的JS

    我们前面讲述都是编写的代码导致内存泄露如何去排查,但是如何去写出高性能的JS代码 如何精准测试JavaScript...

  • 技术书刊

    Javascript# ########《JavaScript设计模式》《高性能网站建设指南》《高性能网站建设进阶...

  • 浅谈JavaScript Source Map

    一.概念 1.什么是源映射 为了提高性能,很多站点都会先压缩 JavaScript 代码然后上线,但如果代码运行时...

  • 高性能JavaScript代码高亮插件

    对于喜欢写技术博客的同学来说,一定对代码高亮组件非常熟悉。一款优秀的JavaScript代码高亮插件,将会帮助你渲...

网友评论

      本文标题:JavaScript代码性能

      本文链接:https://www.haomeiwen.com/subject/ywpgxctx.html