web開發知識體系中必要的知識點

cdhqyj發表於2022-09-08

每一個web全棧大神的養成是程式碼和學習的積累。對於初學者來講,分享到大神們對開發軟體時的心得非常有好處。談一談哪些是web開發知識體系中必要的知識點,希望可以幫助到更多開發者。

web開發知識 web開發知識體系:

  1、介面和使用者體驗

  注意,瀏覽器的實現標準是不一致的,請確保你的網站能夠相容所有主流的瀏覽器。最少需要測試的有Gecko引擎 (Firefox),WebKit引擎(Safari以及一些手機瀏覽器),Chrome,你所要支援的IE瀏覽器,以及Opera。此外,你還需要了解不同系統下,瀏覽器是如何渲染網頁的。考慮一下人們不使用主流瀏覽器的情況,如手機,螢幕閱讀器和搜尋引擎。一些可用的輔助資訊:WAI和Section508,移動開發:MobiForge。

  2、安全

  OWASP開發指南幾乎覆蓋了網站安全所有的內容。瞭解注入,尤其是SQL隱碼攻擊,並學會如何阻止它。永遠不要相信使用者的輸入,以及其他任何請求(包括Cookies和隱藏域的值)。

  3、 效能

  如果有必要的話,實現快取,請正確理解和使用HTTP快取。優化圖片。不要使用20K的圖片作為平鋪背景。學習如何gzip/deflate內容(deflate效果更好)。合併樣式表與指令碼檔案以減小瀏覽器連結數,同時提高gzip的壓縮能力。

  4、 SEO (Search Engine Optimization) 搜尋引擎優化

  在動態內容中,把#改成#! ,然後在伺服器端使用$REQUEST[“_escaped_fragment“]。換句話說./#!page=1變成了. /?escaped_fragments=page=1。此外,對於使用FF.b4 or Chromium的使用者,history.pushState({“foo”:”bar”}, “About”, “./?page=1”);是一個非常棒的命令。因此,即使位址列已經改變了,頁面也不會重新整理。

  5、技術

  理解HTTP以及GET、POST、session、cookie以及“無狀態”的意思。撰寫XHTML/HTML和CSS要遵循W3C規範,並確保它們通過校驗。這樣做的目的是為了避免瀏覽器的怪癖模式,並且這使得非標準瀏覽器如螢幕閱讀器和移動裝置更加容易實現。理解瀏覽器是如何處理JavaScript的。理解JavaScript 、樣式表、以及頁面使用的其他資源是如何載入的,並考慮它們對感知效能的影響。現在普遍認同的一種做法是把除分析程式碼等以外的指令碼檔案放在頁面底部。

  6、BUG修復

  要了解你花費20%的時間寫程式碼而花費80%的時間來維護,因此寫程式碼時一定注意。建立一個好的錯誤報告解決方案。建立一個別人可以提建議和批評的系統。為未來的支援人員和維護人員建立良好的文件。

本作品採用《CC 協議》,轉載必須註明作者和本文連結

相關文章