喬布斯說：“活著就是為了改變世界，難道還有其它原因嗎？” 2008年，在web前端開發(fā)界，無論國外還是國內(nèi)，都發(fā)生了不少事情，有哪些是改變世界或即將改變世界的大事件呢？

javascript游戲

2008年4月9日，dion almaer發(fā)現(xiàn)了一款非常經(jīng)典的javascript游戲：super mario. 這款游戲由jacob seidelin開發(fā)，大小僅14k.

(super mario javascript版本： http://jsmario.com.ar/)

不 少web開發(fā)者們大跌眼鏡：這真的是用javascript開發(fā)出來的？答案是肯定的。這款游戲利用了canvas元素（ie中用html模擬），圖像存 儲(chǔ)在加密的字符串中，還用base64存儲(chǔ)了midi背景音樂。除了這些技巧，其它代碼就是我們熟悉的html、css和javascript.

super mario javascript版本的橫空出世（之前也出現(xiàn)過用javascript寫的游戲，但沒有像super mario一樣引起大家的關(guān)注），激起了一股用javascript編寫游戲的熱潮：

許多經(jīng)典的游戲都有了javascript版本：pac-man（經(jīng)典的吃豆子游戲）， space invaders（太空入侵者），spacius（百玩不厭的雷電）等等。

甚至還出現(xiàn)了一些比較復(fù)雜的角色扮演游戲：andrew wooldridge創(chuàng)造的tombs of asciiroth 和 canvasquest，pierre chassaing創(chuàng)造的protorpg等。

伴隨javascript游戲的熱潮，還出現(xiàn)了不少專門用于游戲開發(fā)的javascript庫。最突出的是gamejs（基于canvas的一個(gè)2d游戲開發(fā)庫） 和 gamequery（這是jquery的一個(gè)插件）。

除了用canvas構(gòu)建2d游戲，用javascript還可以構(gòu)建3d游戲，還出現(xiàn)了非常出色的processing.js，以及javascript plottool繪圖工具等等。

感慨：javascript游戲一段時(shí)間內(nèi)將還只是開發(fā)者們的“玩物”，要真正轉(zhuǎn)換為商業(yè)應(yīng)用，可能還有一段漫長的路要走。但是，當(dāng)super mario跳躍在web網(wǎng)頁上時(shí)，這昭示著javascript的時(shí)代已經(jīng)到來了。javascript能做什么？2008年的答案是：javascript連游戲都能做！

大放異彩的jquery

2008年，無論對(duì)于jquery的作者john resig還是jquery庫本身來說，都是非常棒的一年。jquery首頁上有一行很明顯的加粗文字：

jquery is designed to change the way that you write javascript.
jquery設(shè)計(jì)成可以改變你書寫javascript的方式。

jquery用數(shù)據(jù)和事實(shí)證明了它的魅力。一定程度上，甚至可以毫不夸張地說：jquery改變了web前端開發(fā)界。下面是用google trends統(tǒng)計(jì)的常用javascript庫在2008年的搜索量曲線圖：

2008 年9月份，jquery團(tuán)隊(duì)?wèi)?zhàn)績斐然：microsoft和nokia正式將jquery集成進(jìn)他們的應(yīng)用程序開發(fā)平臺(tái)。此 外，google的部分應(yīng)用里，也早就采納了jquery. 從jquery的首頁上還可以看出，dell, bank of america, digg, technorati, mozzila等站點(diǎn)都在使用jquery.

當(dāng)然，除了jquery，其它javascript在 2008年也都有可圈可點(diǎn)的發(fā)展。yui3的preview版本，是我見過的最具有發(fā)展?jié)摿Φ?框架。extjs在國內(nèi)的普及也非常迅猛，javaeye社區(qū)里，extjs一定程度上成了ajax的代名詞，各種有關(guān)extjs的技術(shù)文章和書籍非常多 （遺憾的是書籍的質(zhì)量不高）。prototype不溫不火。mootools則在低調(diào)中用其優(yōu)雅的代碼吸引了不少忠實(shí)用戶。

感慨：上 面提到的每個(gè)javascript庫都是非常優(yōu)秀的，掌握任何一個(gè)，對(duì)于我們的日常工作來說，都綽綽有余了。只是對(duì)于 2008年來說，jquery的表現(xiàn)太突出了，連我這個(gè)天天工作用yui的人，在2008年，都不得不為jquery鼓掌，為john resig喝彩！各種javascript庫的爭奇斗艷，這是javascript時(shí)代已經(jīng)到來的另一個(gè)標(biāo)志。

蹣跚起步的網(wǎng)頁工業(yè)化

2008年，如果你是一名web前端開發(fā)工程師，卻沒有聽說過“柵格”兩個(gè)字，那你一定是工作太忙太專心了。2008年10月份，在淘寶ued博客，出現(xiàn)了一篇“960的秘密”，揭開了網(wǎng)頁柵格系統(tǒng)在國內(nèi)的研究小熱潮。

伴隨著柵格系統(tǒng)的爭論，國內(nèi)的前端技術(shù)博客里還出現(xiàn)不少對(duì)css框架和布局的探討。這一切，所要解決的是以下兩個(gè)問題：

網(wǎng)頁的規(guī)范性。隨著站點(diǎn)的成長，頁面會(huì)以幾何級(jí)數(shù)的速度增加。面對(duì)成千上萬個(gè)網(wǎng)頁，如何保持風(fēng)格的一致性是一個(gè)不小的挑戰(zhàn)。
[li]網(wǎng)頁的工業(yè)化產(chǎn)出。在遵守規(guī)范和保證質(zhì)量的基礎(chǔ)上，如何讓頁面制作容易，如何讓運(yùn)營人員能批量制造頁面，這是目前許多大型站點(diǎn)面臨的另一個(gè)問題。 [/li]

國內(nèi)站點(diǎn)中，淘寶、百度有啊、網(wǎng)易等站點(diǎn)的已逐步采用柵格系統(tǒng)。淘寶的首頁和頻道目前已經(jīng)全部柵格化，同時(shí)嘗試性開發(fā)了tms（模板管理系統(tǒng)）來解決網(wǎng)頁的工業(yè)化產(chǎn)出問題。

感慨：網(wǎng)頁的高質(zhì)量工業(yè)化產(chǎn)出，在國內(nèi)很多公司才剛起步。2009年，我相信工業(yè)化將依舊是web前端開發(fā)界的關(guān)鍵詞。

這些也很出色
漸進(jìn)增強(qiáng)。 2008年10月份，aaron gustafson在ala網(wǎng)站上發(fā)表了一系列有關(guān)漸進(jìn)增強(qiáng)的文章，探討的核心問題是：javascript應(yīng)該做什么以及web前端開發(fā)的技術(shù)流程。 javascript游戲讓我們看到了javascript的魔力，aaron提醒我們不能濫用javascript，我們要仔細(xì)考慮 javascript的使用場景?？捎眯?，無侵入性，可訪問性等等，這些理念是每一個(gè)前端開發(fā)工程師需要好好思考的。
d2（前端技術(shù)論壇）。 2008年，在北京和上海分別舉辦了兩屆d2，這是國內(nèi)前端開發(fā)工程師們的兩場盛會(huì)。前端工程師，這個(gè)新生的職位逐步被國內(nèi)各大公司接受。d2的意義在于，我們聚集在一起，發(fā)出了自己的聲音！
[li]google chrome的誕生。 2008年，chrome， js v8引擎，google迫使各大瀏覽器廠商開始比拼javascript引擎速度，這是javascript時(shí)代已經(jīng)到來的另一個(gè)標(biāo)志。google和 mozzila的努力，在年末的時(shí)候帶來鼓舞人心的統(tǒng)計(jì)結(jié)果：ie的使用率跌破70%. 萬惡的ie6，早點(diǎn)滅亡吧。2009年，google的號(hào)角和淘寶網(wǎng)即將掀起的 no ie6 活動(dòng)，將加速ie6的滅亡。 [/li]

最后，用兩句話來結(jié)束本文：

2008年，我們努力改變世界！
2009年，我們繼續(xù)改變世界，同時(shí)世界將開始為我們而改變！