博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
前端javascript性能优化笔记
阅读量:6341 次
发布时间:2019-06-22

本文共 790 字,大约阅读时间需要 2 分钟。

从代码书写效率和宏观的部署等两个方向进行总结。

1、代码效率
变量使用优化
声明对象和数组使用字面量,如var newarray =
[];var newobject = {var p1 :''t';vat f1:function(){}}
Js寻找变量使用变量作用域链,如果常常使用的在外层作用域的可以使用临时变量代替。

For(){    to do document.body }

写成

var tbody = document.body; For(){    to do tbody  }

不用with
For优化 使用倒序循环 for (var i=length;i——;)
i减为零自动为false,减少一个判断
Dom使用优化
将集合的length缓存在一个中间变量,一方面是访问更快,另外集合被改变length也会跟着变。
dom使用优化也是尽量将重复使用的变量使用中间变量,
避免重复的重绘和重排版
使用事件委托技术最小化事件句柄数量
HTMLcollect 中的length是不断去访问的,而且循环改变也同时被改变
UI进程优化
页面现实和js解析是使用同一个ui进程,所以脚本的运行时间需要尽量控制在100ms之内,如果时间太长,将程序拆分使用settimeOut
在html5下也可以使用workers
其他:
不用eval
,在setTimeOut、setInterval和Function中也不要用类似eval的功能,尽量使用原生方法。
2、代码位置和部署
  
为了避免js阻塞,一般js放到页面最后。压缩js。合并js。使用cdn。
3、工具篇 
 Yslow
Pagespeed
http://www.cleancss.com/

转载于:https://www.cnblogs.com/helenR/p/javascript_xingneng.html

你可能感兴趣的文章
如何写出好的产品需求文档(PRD)?
查看>>
Flex Chart
查看>>
Python中实用却不常见的小技巧
查看>>
如何从命令行把ubuntu15.10升级到ubuntu16.04测试版本
查看>>
012# Adempiere系统的贸易流程(一)
查看>>
(一)阅读器客户端开发实战_引言
查看>>
python 函数的默认参数
查看>>
为何禁用MyBatis缓存
查看>>
手机安装 apk 出现“解析包时出现问题”
查看>>
在Android上面如何使用带有心跳检测的Socket
查看>>
Oracle用户被锁定解决方法
查看>>
485总线的概念
查看>>
我的友情链接
查看>>
JAVA的发展方向
查看>>
Ubuntu下安装Android SDK(图文教程)[解决Google地址被墙问题]
查看>>
《一线架构师》 - 书摘精要
查看>>
Windows server 2008 R2 安装sharepoint2010
查看>>
Python 基础:类与函数
查看>>
Qt学习(002-3)
查看>>
WARNING: No units on 'cache_mem 536870912', assuming 536870912.00 bytes
查看>>