一,前端性能优化有哪些?
a) 页面优化方面:
1,减少HTTP请求数--设计简化页面--合理设置缓存--资源合并与压缩--css sprites--图片嵌入--Lazy Load Images
2,将外部脚本置底
3,异步执行inline脚本
4,Lazy Load Javascript
5,将外链CSS放在HEAD中
6,异步请求Callback
7,减少不必要的 HTTP跳转
8,避免重复的资源请求
b)代码优化方面:
javascript
1,DOM操作--转为数组后再访问--减少Reflow和Repaint
2,慎用 with--增加了作用域链长度
3,避免使用 eval和 Function--需要将源代码转换成可执行代码
4,减少作用域链查找--全局变量在遍历之前用局部变量缓存该变量
5,数据访问--将数据放入局部变量--减少对对象以及数组深度查找
6,字符串拼接--使用数组的 join方法,少用+号
CSS选择符
1,实际上浏览器对选择符的解析是从右往左进行的
HTML
1,了解详细:[https://www.cnblogs.com/xy-milu/p/6091234.html][1]
Image压缩
1,找找压缩工具:[https://tinypng.com][2]
二,关于原型链
关于原型链最合适的文字+代码解释:
[点击链接:]([https://blog.csdn.net/web_yzm/article/details/79453916][3])
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。