前端面試必問題答疑(1)

一,前端性能優化有哪些?javascript

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]

二,關於原型鏈css

關於原型鏈最合適的文字+代碼解釋:
[點擊連接:]([https://blog.csdn.net/web_yzm/article/details/79453916][3])
相關文章
相關標籤/搜索