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