前端面试必问题答疑（1）

2024年5月2日 116次阅读 来源: hover_lew

一，前端性能优化有哪些？

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])
    原文作者：hover_lew
    原文地址: https://segmentfault.com/a/1190000018903434
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞