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


現在學前端的人是越來越多,學習質量也是參差不齊。過來人的身份告訴你,如果你還沒有下定決心花時間去學習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前端這種技術型的崗位,比起紙上談兵的理論,需要更多的是項目實戰經驗。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM