摘要:一,前端性能優(yōu)化有哪些頁(yè)面優(yōu)化方面,減少請(qǐng)求數(shù)設(shè)計(jì)簡(jiǎn)化頁(yè)面合理設(shè)置緩存資源合并與壓縮圖片嵌入,將外部腳本置底,異步執(zhí)行腳本,,將外鏈放在中,異步請(qǐng)求,減少不必要的跳轉(zhuǎn),避免重復(fù)的資源請(qǐng)求代碼優(yōu)化方面,操作轉(zhuǎn)為數(shù)組
一,前端性能優(yōu)化有哪些?
a) 頁(yè)面優(yōu)化方面: 1,減少HTTP請(qǐng)求數(shù)--設(shè)計(jì)簡(jiǎn)化頁(yè)面--合理設(shè)置緩存--資源合并與壓縮--css sprites--圖片嵌入--Lazy Load Images 2,將外部腳本置底 3,異步執(zhí)行inline腳本 4,Lazy Load Javascript 5,將外鏈CSS放在HEAD中 6,異步請(qǐng)求Callback 7,減少不必要的 HTTP跳轉(zhuǎn) 8,避免重復(fù)的資源請(qǐng)求
b)代碼優(yōu)化方面: javascript 1,DOM操作--轉(zhuǎn)為數(shù)組后再訪問(wèn)--減少Reflow和Repaint 2,慎用 with--增加了作用域鏈長(zhǎng)度 3,避免使用 eval和 Function--需要將源代碼轉(zhuǎn)換成可執(zhí)行代碼 4,減少作用域鏈查找--全局變量在遍歷之前用局部變量緩存該變量 5,數(shù)據(jù)訪問(wèn)--將數(shù)據(jù)放入局部變量--減少對(duì)對(duì)象以及數(shù)組深度查找 6,字符串拼接--使用數(shù)組的 join方法,少用+號(hào) CSS選擇符 1,實(shí)際上瀏覽器對(duì)選擇符的解析是從右往左進(jìn)行的 HTML 1,了解詳細(xì):[https://www.cnblogs.com/xy-milu/p/6091234.html][1] Image壓縮 1,找找壓縮工具:[https://tinypng.com][2]
二,關(guān)于原型鏈
關(guān)于原型鏈最合適的文字+代碼解釋: [點(diǎn)擊鏈接:]([https://blog.csdn.net/web_yzm/article/details/79453916][3])
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://m.specialneedsforspecialkids.com/yun/114460.html
摘要:一,前端性能優(yōu)化有哪些頁(yè)面優(yōu)化方面,減少請(qǐng)求數(shù)設(shè)計(jì)簡(jiǎn)化頁(yè)面合理設(shè)置緩存資源合并與壓縮圖片嵌入,將外部腳本置底,異步執(zhí)行腳本,,將外鏈放在中,異步請(qǐng)求,減少不必要的跳轉(zhuǎn),避免重復(fù)的資源請(qǐng)求代碼優(yōu)化方面,操作轉(zhuǎn)為數(shù)組 一,前端性能優(yōu)化有哪些? a) 頁(yè)面優(yōu)化方面: 1,減少HTTP請(qǐng)求數(shù)--設(shè)計(jì)簡(jiǎn)化頁(yè)面--合理設(shè)置緩存--資源合并與壓縮--css sprites--圖片嵌入--Lazy L...
摘要:一,前端性能優(yōu)化有哪些頁(yè)面優(yōu)化方面,減少請(qǐng)求數(shù)設(shè)計(jì)簡(jiǎn)化頁(yè)面合理設(shè)置緩存資源合并與壓縮圖片嵌入,將外部腳本置底,異步執(zhí)行腳本,,將外鏈放在中,異步請(qǐng)求,減少不必要的跳轉(zhuǎn),避免重復(fù)的資源請(qǐng)求代碼優(yōu)化方面,操作轉(zhuǎn)為數(shù)組 一,前端性能優(yōu)化有哪些? a) 頁(yè)面優(yōu)化方面: 1,減少HTTP請(qǐng)求數(shù)--設(shè)計(jì)簡(jiǎn)化頁(yè)面--合理設(shè)置緩存--資源合并與壓縮--css sprites--圖片嵌入--Lazy L...
摘要:解決了組件之間同一狀態(tài)的共享問(wèn)題。當(dāng)我們的應(yīng)用遇到多個(gè)組件之間的共享問(wèn)題時(shí)會(huì)需要狀態(tài)管理核心狀態(tài)管理有個(gè)核心,分別是以及。當(dāng)錯(cuò)誤出現(xiàn)時(shí),我們現(xiàn)在也會(huì)有一個(gè)記錄之前發(fā)生了什么。此外,每個(gè)實(shí)例組件仍然可以擁有和管理自己的私有狀態(tài) 一,css部分 1,簡(jiǎn)單介紹下css權(quán)重優(yōu)先級(jí): 默認(rèn)樣式 .father{ width:300px; ...
閱讀 1603·2021-11-02 14:48
閱讀 3660·2019-08-30 15:56
閱讀 2775·2019-08-30 15:53
閱讀 3215·2019-08-30 14:09
閱讀 3104·2019-08-30 12:59
閱讀 2860·2019-08-29 18:38
閱讀 2697·2019-08-26 11:41
閱讀 2219·2019-08-23 16:45