前端口试必题目答疑（1）

2024年4月8日 226次阅读 来源: 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
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞