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

每一個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% 的時間來維護，因此寫程式碼時一定注意。建立一個好的錯誤報告解決方案。建立一個別人可以提建議和批評的系統。為未來的支援人員和維護人員建立良好的文件。