《Web前端开发最佳实践》——1.2 Web前端开发现状
本節書摘來自華章計算機《Web前端開發最佳實踐》一書中的第1章，第1.2節,作者:黨 建 更多章節內容可以訪問云棲社區“華章計算機”公眾號查看。
1.2 Web前端開發現狀
前端開發雖然起步時間晚，但是發展勢頭迅猛，在各種新技術、新標準的推動下，各大互聯網公司也開始重視Web產品的前端重構與開發，如淘寶、騰訊、新浪、百度、搜狐等都對自己的網站進行了重構并同時使用了HTML5中的新特性。現在開發的Web新產品的頁面交互也越來越豐富，視覺效果也越來越絢麗。互聯網公司除了重視前端開發之外，還在積極推動互聯網技術的發展，2001～2012年，騰訊、百度及奇虎360公司先后加入了萬維網聯盟（W3C），共同參與互聯網技術標準的研究和制定，促進了國內互聯網產業的發展。
在Web前端發展的過程中，瀏覽器的發展起著至關重要的作用。瀏覽器廠商在這場Web浪潮中表現突出，具體表現在瀏覽器的版本升級周期短、對前端標準的支持也越來越好、瀏覽器的性能也有大幅的提升等。IE瀏覽器也開始發力，最新發布的IE 10瀏覽器無論是標準的支持還是性能都表現突出。瀏覽器的快速發展使得低端的瀏覽器如IE 6、IE 7等快速退出市場。
下面看一下全球范圍內瀏覽器的占有率情況。根據StatCounter的統計，2012年10月份，全球瀏覽器占有率前5位的分別是Chrome、IE、Firefox、Safari及Opera，占有率分別為34.77%、32.08%、22.32%、7.81%和1.63%。按照瀏覽器的版本統計，在低端瀏覽器中，IE 8占有率為12%，IE 7的占有率僅為0.88%，IE 6的占有率則更低。
此外，移動設備上的瀏覽器在整個瀏覽器占有率中上升速度很快。根據StatCounter的統計，Safari iPad在瀏覽器的占有率已經達到了2.76%。目前移動設備的普及率極高，用戶已經逐漸習慣于通過移動設備來瀏覽網頁。主流的移動平臺主要為Android和iOS系統，對應的瀏覽器都是以WebKit為核心的，性能和對標準的支持都不錯。
以上介紹的是瀏覽器在全球范圍內的占有率情況。從上面的統計可以看出，在全球范圍內，低端瀏覽器的占有率已經很低了，但國內瀏覽器占有率的狀況則比較復雜，低端瀏覽器如IE 8、IE 7和IE 6等還占有不小的份額。根據StatCounter的統計，2012年10月份，國內瀏覽器占有率前5位分別為IE 8、
IE 9、IE 6、搜狗瀏覽器和360安全瀏覽器，占有率分別為48.7%、14.09%、8.29%、5.74%和2.72%。其中低端瀏覽器IE 8、IE 7和IE 6的總占有率大約為58%，低端瀏覽器依然占有“半壁江山”，而高級瀏覽器如Chrome、Safari、Firefox等占有率則很低。值得稱道的是，360安全瀏覽器和搜狗瀏覽器這兩款瀏覽器都是基于開源的瀏覽器內核，對標準支持較好，性能表現突出。這兩款瀏覽器的占有率目前雖然不高，但發展勢頭迅猛，是推動老舊瀏覽器退出市場的中堅力量。
除各大互聯網公司和瀏覽器廠商的積極推動外，Web前端開源社區的參與熱情也極為高漲。在著名的網絡代碼托管系統GitHub上，開源的項目仍然是以前端相關項目居多，按語言排名，前3位分別為JavaScript、Ruby和Python；按項目排名，靠前的大部分也是前端項目，如Prototype、Bootstrap、jQuery及相關插件等，具體內容可參考GitHub官方網站。國內的一些前端社區則發展較為緩慢，多是以推廣HTML5為主，靠一些酷炫的效果來吸引眼球，反而關注前端基礎的較少。國內Web互聯網公司（如淘寶、百度、騰訊等）也有部分優秀的開源前端框架，這些公司的前端技術分享氛圍不錯。整體來講，國內前端技術發展還是比較迅速的，也不乏頂級的前端技術人員，但普遍缺乏的是開放的心態和與國內外同行交流的能力，國內前端技術的發展任重道遠。
Web前端整體技術的發展和前端工程師個人的能力是相輔相成的。目前，前端工程師很多是“半道出家”，一部分是從頁面UI開發轉行為Web前端開發的，一部分則是由后端工程師轉行而來，所以前端工程師普遍自學成才，并沒有受過足夠的專業訓練，也缺乏實際的項目經驗。
除了以上這些Web前端開發的外在環境之外，Web前端在技術方面也存在著大量的挑戰，大量舊的網站需要重構來提高網站用戶體驗和性能等。這些網站的前端代碼普遍存在的問題有：代碼組織混亂，CSS代碼和JavaScript代碼混合在HTML代碼中；代碼的格式問題突出，不夠整潔；頁面布局隨意，HTML代碼不符合標準；網站整體性能差，還沒有意識到要去應用諸如緩存、動態加載、腳本壓縮、圖片壓縮等提高性能的技術。
此種狀況并非是個案，查看目前訪問量頗高的某網站的首頁源代碼，可以很直觀地看出其中不規范的內容：頁面沒有body的閉合標簽，頁面代碼縮進隨意，頁面中大量使用內聯樣式并且頁面中還在使用諸如< marquee >、< font >等標準不推薦的標簽。以下是其中的代碼片段：
在這段代碼中，和標簽已經不再被W3C制定的標準推薦使用，所呈現的效果完全可以通過JavaScript代碼實現，并且實現的效果可以更好。標簽完全可以通過CSS樣式代碼實現。
此外，此站點首頁HTML代碼中包含大量不必要的標簽和多余的樣式設置，代碼的可讀性較差。再來看一段代碼：
在上面的代碼段中，第一段代碼中的標簽外的
標簽是可以省略的，標簽內的width和height屬性可以統一通過CSS代碼設置，標簽內需要添加必要的alt屬性來說明圖片的信息。在第二段代碼中，依靠標簽來增大距離是不合語義的做法，應該通過CSS樣式來設置。因此，`javascript
以上兩段HTML代碼至少可以簡化為：
關于我們 | 網站聲明 另外，站點中的CSS樣式文件和JavaScript腳本文件，沒有任何文件被壓縮和合并。推薦的做法是分別壓縮合并樣式文件和腳本文件，在縮小文件大小的同時也減少了文件的HTTP請求次數，提高了性能。 綜合以上的這些信息，Web前端開發的現狀可以概括為：前端技術發展迅速，但起步較晚，基礎薄弱；前端工程師熱情高漲，但缺乏足夠技能培訓，對代碼規范重視不足，對一些基礎原理的理解不夠深刻。
總結
以上是生活随笔為你收集整理的《Web前端开发最佳实践》——1.2 Web前端开发现状的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 改革收入分配体制 网络电话成通信省钱先锋
- 下一篇： 全面预测我国量子通信市场规模及发展趋势