前端面试必问题答疑(1)

一,前端性能优化有哪些?

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]

二,关于原型链

相关推荐