课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认真做教育 专心促就业
随着互联网的不断发展,越来越多的程序员都在学习JavaScript编程开发语言,而今天我们就一起来了解一下,JavaScript编程性能优化方法都有哪些。
1、尽量减少DOM访问
与其他JavaScript语句相比,访问DOM的速度很慢。如果你对DOM进行更改,触发了布局的重新绘制,那么就得等好一阵子了。
为了减少访问DOM元素的次数,请先访问一次,然后将其用作局部变量。完成需求后,请一定将其设置为null来移除该变量的值。这将防止内存泄漏,因为这会触发垃圾回收过程。
2、压缩文件
通过压缩方法(例如Gzip)可以减小JavaScript文件的大小。较小的文件会提升你的网站性能,因为浏览器只需下载较小的资产即可。
3、缩小终代码
有人认为缩小和压缩是相同的,其实不然。在压缩中,我们使用特殊算法来改变文件的输出大小;在缩小时,我们需要删除JavaScript文件中的注释和多余的空格。可以在网上找到许多工具和软件包来帮助完成这一过程。缩小已成为页面优化的标准做法,也是前端优化的主要步骤之一。
4、使用Throttle(节流)和Debounce(防抖)
我们可以使用这两种技术来严格控制代码需要处理事件的次数。
节流是指定函数可以超时的大次数。例如,“每1000毫秒多执行一次onkeyup事件函数”。也就是说哪怕你每秒敲20个键,该事件每秒也只会触发一次。这将减少代码的负担。
另一方面,防抖是指定自上次执行相同函数以来再次运行该函数的短持续时间。换句话说,“上次调用函数后过少600毫秒才执行此函数”。
你可以实现自己的防抖和节流函数,也可以从Lodash和Underscore之类的库中导入它们。
5、避免使用Delete关键字
delete关键字用于从对象中删除属性。这个关键字的性能表现不怎么好,预计它将在未来的更新中修复。
6、使用WebWorkers在后台运行CPU密集型任务
WebWorker允许你在后台线程中运行脚本。如果你有一些高强度的任务,可以将它们分配给WebWorker,这些WebWorker可以在不干扰用户界面的情况下运行它们。创建后,WebWorker可以将消息发布到该代码指定的事件处理程序来与JavaScript代码通信,反之亦然。
【免责声明】:本内容转载于网络,转载目的在于传递信息。文章内容为作者个人意见,本平台对文中陈述、观点保持中立,不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销,赚更多好礼。