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

51次阅读

共计 522 个字符,预计需要花费 2 分钟才能阅读完成。

一,前端性能优化有哪些?
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]

二,关于原型链

正文完
 0