<menuitem id="jdrvb"><strike id="jdrvb"></strike></menuitem>
<cite id="jdrvb"></cite>
<cite id="jdrvb"></cite>
<var id="jdrvb"></var>
<cite id="jdrvb"></cite>
<var id="jdrvb"><video id="jdrvb"><menuitem id="jdrvb"></menuitem></video></var><var id="jdrvb"></var>
<cite id="jdrvb"></cite>
<var id="jdrvb"><video id="jdrvb"></video></var>
<cite id="jdrvb"></cite>
<ins id="jdrvb"><span id="jdrvb"><menuitem id="jdrvb"></menuitem></span></ins>
您現在的位置: 弘智首頁 > .NET > ASP.NET >

開發者必知:構建現代化網站的20個技巧

時間:2013-03-25 13:03 來源:弘智培訓

【IT168 技術】在過去幾年中,我們與web開發者花了很多時間交流,聽得最多的一件事情就是創建一個能很好的跨越各種類型瀏覽器版本與各種設備的網站有多么難。我們為jQuery項目寫代碼的時候一直有這個問題。因此我們整理了20條編碼模式與經驗,它們是從出席無休止的會議和讀了幾百篇專稿中摘取出來的。我們希望能在你建站的時候給你節省一些時間(和麻煩)。

  跨瀏覽器基礎

  網站不需要在所有瀏覽器里渲染得一樣

  一件普遍被開發者所關心的事情是確保他們的網站在所有瀏覽器中渲染得一樣,包括非現代的一些。那一般并不需要。更好的路線是考慮逐漸增強你的網站,對非現代瀏覽器的用戶提供一個可靠的工作基線,而給用現代瀏覽器的用戶提供一個更豐富的UI。

  從固體模版開始以簡化開發

  許多的技巧已經創建進項目模版如HTML5 Boilerplate 以節省你一些時間。這些準則對以現代瀏覽器為目標的項目和需要舊瀏覽器(一直回退到IE6)支持的項目工作得一樣好。

  關注穩定的標準

  當一個新又酷的特性出現的時候很容易令人興奮,但其中的一些可能仍然在為技術參數實驗、仍然在開發中。重要的是要記得,在規范發展的早期是很容易變化的,這有可能影響你的網站的穩定性和你的用戶的體驗。通過關注穩定的標準,你可以確保你的用戶能獲得他們期望的體驗,你的網站會更易維護。

  用IE兼容檢測工具幫助你的網站遷移到基于標準的代碼

  標準是IE10的一個核心部分,幫助開發者遷移他們的代碼以便能發揮這項長處,這對IE工程項目組來說無比重要。這就是為什么他們創造了IE兼容檢測工具,它能實時分析你的網站,準確的找到通常問題的類型并給出解決方法。通過在你的代碼中包括一個簡單的JavaScript腳本文件,在你的頁面你就能得到可視化的結果。它也可以被集成進Fidder HTTP 分析工具。

  謹慎使用polyfills和shims(模擬標準API)

  如果你必須在不同瀏覽器實現系統的體驗,polyfills和shims提供了代碼和標簽,可以幫助模擬標準的API和功能。需要謹記的是,確保你引入的代碼適合你的需要,并且可以在日后維護。

  開發時多瀏覽器測試

  盡管相對以前,現代瀏覽器已經接近統一標準,但還是有不同。偶爾的多瀏覽器測試避免不會在最后一刻發現大問題——甚至已經上線了。確保查看所有瀏覽器調試器比如IE的F12 Dev Tools,檢查有沒有警告或錯誤信息。一些老瀏覽器比如IE7沒有內建調試器,可以用Firebug Lite調試;蛘呤褂每鐬g覽器解決方案如BrowserStack。

  用工具參與創建過程來檢測錯誤和縮小文件大小

  有好一批創建工具如 HTML validators, CSS validators, Uglify, JSHint, 或者 GruntJS ,他們能找到潛在的問題,增強項目代碼的標準,減少文件的大小提升性能。如果你的IDE或者代碼編輯器支持它們,這些步驟就不會成為絆腳石。例如,Visual Studio提供了在創建過程中運行外部工具和合并/壓縮腳本文件的能力。


HTML

  總是使用標準模式避免怪癖模式

  直接用吧!現代化網站不需要怪癖模式,不需要考慮90年代中期為了兼容現代化的瀏覽器比如IE6和FireFox 2.大多數現今的網頁在怪癖模式下要么文檔聲明無效,要么出現無關文本。很容易導致布局異常,而且很難調試。

  理解有限向后兼容的HTML標簽

  新HTML5標簽比如,和改善標簽的語義化,但需要特殊的輔助腳本讓IE6,7和8認識他們。頁面在太舊的瀏覽器或者禁止腳本時無法使用HTML5標簽,那么使用標簽是對這些情況比較靠譜的解決方法。

  將CSS在HTML文件頂部引入

  在文檔body中引入CSS會導致頁面全空,直到CSS加載后才顯示。CSS文件應該放在HTML文檔的head中,讓瀏覽器盡早地讀取他們。

  將JS在HTML文件底部引入

  瀏覽器會先檢索、解析和執行加載的腳本,然后渲染剩余的頁面內容,以防腳本創建新元素。腳本在底部后,瀏覽器可以一直渲染頁面直到腳本加載完全,以便用戶盡快加載頁面顯示出來。

  避免HTML中腳本標簽

  不同于引入腳本,腳本標簽需要瀏覽器停止渲染(處理腳本),阻礙后續資源文件的分析和下載。這導致頁面初始加載減慢,甚至留下可怕的“空白頁”體驗。而且腳本分散在內聯標簽里很難維護。

  不要在HTML元素中使用內聯腳本事件

  例如Validate。這種做法違反了標簽、表示和行為之間的清爽原則。而且,如果相關的腳本實在文檔底部加載,用戶可能先點擊了頁面觸發事件從而嘗試調用腳本程序,但是其實腳本還沒加載——引發錯誤!
 

主頁 | 我們介紹 | 我們課程 | 開課公告 | 無錫學歷培訓 | XML地圖
欧美三级电影,欧美大尺度电影
<menuitem id="jdrvb"><strike id="jdrvb"></strike></menuitem>
<cite id="jdrvb"></cite>
<cite id="jdrvb"></cite>
<var id="jdrvb"></var>
<cite id="jdrvb"></cite>
<var id="jdrvb"><video id="jdrvb"><menuitem id="jdrvb"></menuitem></video></var><var id="jdrvb"></var>
<cite id="jdrvb"></cite>
<var id="jdrvb"><video id="jdrvb"></video></var>
<cite id="jdrvb"></cite>
<ins id="jdrvb"><span id="jdrvb"><menuitem id="jdrvb"></menuitem></span></ins>