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

每一個web全棧大神的養成是代碼和學習的積累。對於初學者來講,分享到大神們對開發軟件時的心得非常有好處。本文華清遠見成都中心給大家談一談哪些是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%的時間來維護,因此寫代碼時一定注意。建立一個好的錯誤報告解決方案。建立一個別人可以提建議和批評的系統。為未來的支持人員和維護人員建立良好的文檔。

web開發技術讓web成為了移動互聯網追逐的熱點。也引得很多領域外的人才紛紛轉投於web開發領域,華清遠見成都中心具有完整系統的web開發培訓視頻教程,頂級行內大牛為學員們設定了可視化的web學習線路直通車,讓沒有學習方向的學子一目瞭然,最快的進入web開發領域大門。感興趣的可以私信【前端】領取web前端開發學習視頻。


分享到:


相關文章: