學習Web前端開發時有哪些技術點

如今學前端的人是愈來愈多，學習質量也是良莠不齊。過來人的身份告訴你，若是你尚未下定決心花時間去學習Web前端，那也能夠先找些視頻學習下，Web前端開發有哪些常見技術點!接下來，就看看Web前端開發有哪些常見技術點!

一、你有哪些性能優化的方法?

 

　　(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)圖片預加載，將樣式表放在頂部，將腳本放在底部加上時間戳。

二、什麼叫優雅降級?

 

　　優雅降級：Web站點在全部新式瀏覽器中都能正常工做，若是用戶使用的是老式瀏覽器，則代碼會檢查以確認它們是否能正常工做。因爲IE獨特的盒模型佈局問題，針對不一樣版本的IE的hack實踐過優雅降級了,爲那些沒法支持功能的瀏覽器增長候選方案，使之在舊式瀏覽器上以某種形式降級體驗卻不至於徹底失效。

三、什麼叫漸進加強

 

　　漸進加強：從被全部瀏覽器支持的基本功能開始，逐步地添加那些只有新式瀏覽器才支持的功能,向頁面增長無害於基礎瀏覽器的額外樣式和功能的。當瀏覽器支持時，它們會自動地呈現出來併發揮做用。

　　其實，對於web前端這種技術型的崗位，比起紙上談兵的理論，須要更多的是項目實戰經驗。