|
現(xiàn)在學(xué)前端的人是越來越多,學(xué)習(xí)質(zhì)量也是參差不齊。過來人的身份告訴你,如果你還沒有下定決心花時間去學(xué)習(xí)Web前端,那也可以先找些視頻學(xué)習(xí)下,Web前端開發(fā)有哪些常見技術(shù)點!接下來,就看看Web前端開發(fā)有哪些常見技術(shù)點! 1、你有哪些性能優(yōu)化的方法?
(1)減少http請求次數(shù):CSSSprites,JS、CSS源碼壓縮、圖片大小控制合適;網(wǎng)頁Gzip,CDN托管,data緩存,圖片服務(wù)器。 (2)前端模板JS+數(shù)據(jù),減少由于HTML標(biāo)簽導(dǎo)致的帶寬浪費,前端用變量保存AJAX請求結(jié)果,每次操作本地變量,不用請求,減少請求次數(shù) (3)用innerHTML代替DOM操作,減少DOM操作次數(shù),優(yōu)化javascript性能。 (4)當(dāng)需要設(shè)置的樣式很多時設(shè)置className而不是直接操作style。 (5)少用全局變量、緩存DOM節(jié)點查找的結(jié)果。減少IO讀取操作。 (6)避免使用CSSExpression(css表達(dá)式)又稱Dynamicproperties(動態(tài)屬性)。 (7)圖片預(yù)加載,將樣式表放在頂部,將腳本放在底部加上時間戳。 2、什么叫優(yōu)雅降級?
優(yōu)雅降級:Web站點在所有新式瀏覽器中都能正常工作,如果用戶使用的是老式瀏覽器,則代碼會檢查以確認(rèn)它們是否能正常工作。由于IE獨特的盒模型布局問題,針對不同版本的IE的hack實踐過優(yōu)雅降級了,為那些無法支持功能的瀏覽器增加候選方案,使之在舊式瀏覽器上以某種形式降級體驗卻不至于完全失效。 3、什么叫漸進(jìn)增強(qiáng)
漸進(jìn)增強(qiáng):從被所有瀏覽器支持的基本功能開始,逐步地添加那些只有新式瀏覽器才支持的功能,向頁面增加無害于基礎(chǔ)瀏覽器的額外樣式和功能的。當(dāng)瀏覽器支持時,它們會自動地呈現(xiàn)出來并發(fā)揮作用。 其實,對于web前端這種技術(shù)型的崗位,比起紙上談兵的理論,需要更多的是項目實戰(zhàn)經(jīng)驗。 |
|
|