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