js进阶 请求优化,渲染优化,JS优化

1.请求优化

• 节流函数：一般用于，类似按钮请求这些，防止你一秒点击多次按钮产生重复请求,

• 防抖函数：一般用于，类似实时监听input的请求，防止请求过多

• 合理的应用缓存减少CPU计算、减少网络请求

2.渲染优化

• 静态资源的压缩合并(webpack 构建工具)，不是根高级但是很有用。
• 合并css,利用css继承
• CSS放前面,JS放后面
• 懒加载(图片懒加载、下拉加载更多)
• 避免css@import
• 使用SASS/LESS, 无必要深层次的规则,这可能会导致复杂
• 避免逐条改变样式，使用类名去合并样式

3.JS优化

• 尽量少使用全局变量，因为全局变量其实是window对象的成员，而局部变量是放在函数的栈里的

• 尽量作用JSON格式来创建对象，而不是var obj=new Object()方法。

• 如果需要连接多个字符串，应该少使用+=：

• 尽量减少重定向，因为浏览器访问网址是一连串的过程，如果访问到一半，而跳转到新的地址，就会重复发起一连串的过程，这将浪费很多时间。所有我们尽量避免重定向。Google建议