Web前端技術進化論 HTML 5時代來臨
今年MIX10大會上微軟的工程師在介紹IE9時，從前端技術的角度把互聯(lián)網(wǎng)的發(fā)展分為三個階段：第一階段是Web 1.0的以內(nèi)容為主的網(wǎng)絡，前端主流技術是HTML和CSS，第二階段是Web 2.0的Ajax應用，熱門技術是Javascript/DOM/異步數(shù)據(jù)請求，第三階段是即將迎來的HTML 5時代，亮點是富圖形和富媒體內(nèi)容（Graphically-Rich and Media-Rich）。
51CTO推薦專題： HTML 5 下一代Web開發(fā)標準
Web 2.0時代把大量服務從桌面轉(zhuǎn)移到網(wǎng)絡上，B/S架框的應用迅速流行起來，這個時期Ajax和Javascript框架得到廣泛的應用。網(wǎng)站成為提供Web服務的主要形式，但隨著智能手機和3G網(wǎng)絡的普及，手機應用和手機上的Web應用將會成為新的產(chǎn)品形態(tài)。原有的互聯(lián)網(wǎng)產(chǎn)品需要對各種形式的終端提供友好的展現(xiàn)形式。
比如豆瓣電臺(douban.fm)目前就有網(wǎng)頁版、iPhone版、Android版、不久還會看到HTML 5版和桌面版。網(wǎng)絡逐漸變成一個傳輸和存儲數(shù)據(jù)的透明倉庫，向不同形式的產(chǎn)品終端輸送數(shù)據(jù)。而且這個數(shù)據(jù)內(nèi)容將會非常豐富，這就是微軟眼中的富圖形和富媒體內(nèi)容，所以，IE9必須、也不得不支持SVG和HTML 5的Video和Audio。
蘋果推出iPad無疑又是一場革命，在擁有更大的多點觸摸屏幕的終端上跑智能手機系統(tǒng)，把硬件成本降到一個足夠低的程度，我想iPad和類似的平板電腦將會流行起來。同時也意味著，產(chǎn)品前端又增加一種形態(tài)。
PC上的Web應用受瀏覽器歷史原因的束縛太大，在國內(nèi)IE6等低端瀏覽器目前仍占據(jù)絕大多數(shù)的市場份額。因此這些不稱職的平臺需要靠第三方插件來彌補先天的不足，像Flash/Flex、Silverlight、JavaFx等，包括Google Chrome，本質(zhì)上都是為了彌補瀏覽器的缺陷，當瀏覽器足夠強了也就不需要這些插件了。智能手機出現(xiàn)的比較晚，所以完全沒有歷史包袱。
現(xiàn)在的智能手機系統(tǒng)iPhone OS和Android加起來就占了90％以上的市場份額，默認的瀏覽器都是基于Webkit內(nèi)核的HTML瀏覽器，對HTML 5和CSS3的支持比較好。這讓HTML 5和CSS3有了最佳實踐的機會。產(chǎn)品形態(tài)向不同終端轉(zhuǎn)變的成本因此大大降低了。這是HTML5技術升溫的原因。
比如iPhone上的Mobile Safari瀏覽器支持HTML 5的Canvas/Canvas2D、Video、Audio、Geolocation、Local Storage/Session Storage、Application Cache、Web SQL Database等，CSS3的3D/2D動畫、RGBA、圓角、陰影和漸變等主要功能都支持。用你的手機瀏覽器訪問http://html5test.com，可以測試一下都具體支持哪些。利用這些特性加上傳統(tǒng)的Javascript/HTML/CSS就可以打造一個很強悍的Web應用。
Paul Graham在2005年Web2.0時代來臨時曾說“Javascript now works”，那現(xiàn)在可以說“HTML 5 now works”了。HTML 5發(fā)揮作用同時，也意味著HTML5&CSS3將成為前端開發(fā)者的必修技能。
HTML 5和Flash之間的討論前段時間很熱。插件技術本身是在原生技術滿足不了的情況下才會使用。在學習路線上，HTML/CSS/Javascript到HTML5/CSS3將是前端開發(fā)者的必修課，插件技術永遠是選修課。Flash CS5將支持導出HTML 5的Canvas，可見Adobe畢竟是一家軟件公司，它會想辦法實現(xiàn)不同技術之間轉(zhuǎn)換和包容，有人說也許幾年后Flash會成為Canvas開發(fā)工具，我們只需坐享其成。像從Flash到Flex再到AIR的發(fā)展過程中可見一斑。
做為前端開發(fā)者來說，一定要身兼多技，但務必要先學好必修課。很多公司會設置一些專一性技術的職位，比如Flash開發(fā)工程師，這會誤導一些人只學Flash，對日后的職業(yè)發(fā)展很不利。套句老話“形勢喜人，形勢逼人”，前端技術越來越豐富，前端開發(fā)者的擔子越重，越多東西要學。
【編輯推薦】
