改變世界的Web前端開(kāi)發(fā)
當(dāng)前位置:點(diǎn)晴教程→知識(shí)管理交流
→『 技術(shù)文檔交流 』
[p]喬布斯說(shuō):“活著就是為了改變世界,難道還有其它原因嗎?” 2008年,在web前端開(kāi)發(fā)界,無(wú)論國(guó)外還是國(guó)內(nèi),都發(fā)生了不少事情,有哪些是改變世界或即將改變世界的大事件呢?[/p]
javascript游戲 [p]2008年4月9日,dion almaer發(fā)現(xiàn)了一款非常經(jīng)典的javascript游戲:super mario. 這款游戲由jacob seidelin開(kāi)發(fā),大小僅14k.[br][img]http://lifesinger.org/blog/wp-content/uploads/2009/01/mario.png[/img][br](super mario javascript版本: [url=http://jsmario.com.ar/]http://jsmario.com.ar[/url]/)[/p] [p]不 少web開(kāi)發(fā)者們大跌眼鏡:這真的是用javascript開(kāi)發(fā)出來(lái)的?答案是肯定的。這款游戲利用了canvas元素(ie中用html模擬),圖像存 儲(chǔ)在加密的字符串中,還用base64存儲(chǔ)了midi背景音樂(lè)。除了這些技巧,其它代碼就是我們熟悉的html、css和javascript.[/p] [p]super mario javascript版本的橫空出世(之前也出現(xiàn)過(guò)用javascript寫的游戲,但沒(méi)有像super mario一樣引起大家的關(guān)注),激起了一股用javascript編寫游戲的熱潮:[/p] [p]許多經(jīng)典的游戲都有了javascript版本:pac-man(經(jīng)典的吃豆子游戲), space invaders(太空入侵者),spacius(百玩不厭的雷電)等等。[/p] [p]甚至還出現(xiàn)了一些比較復(fù)雜的角色扮演游戲:andrew wooldridge創(chuàng)造的tombs of asciiroth 和 canvasquest,pierre chassaing創(chuàng)造的protorpg等。[/p] [p]伴隨javascript游戲的熱潮,還出現(xiàn)了不少專門用于游戲開(kāi)發(fā)的javascript庫(kù)。最突出的是gamejs(基于canvas的一個(gè)2d游戲開(kāi)發(fā)庫(kù)) 和 gamequery(這是jquery的一個(gè)插件)。[/p] [p]除了用canvas構(gòu)建2d游戲,用javascript還可以構(gòu)建3d游戲,還出現(xiàn)了非常出色的[url=http://dev.jquery.com/~john/processing.js/]processing.js[/url],以及[url=http://jslab.dk/plottool.htm]javascript plottool[/url]繪圖工具等等。[/p] [p][i]感慨:[/i]javascript游戲一段時(shí)間內(nèi)將還只是開(kāi)發(fā)者們的“玩物”,要真正轉(zhuǎn)換為商業(yè)應(yīng)用,可能還有一段漫長(zhǎng)的路要走。但是,[b]當(dāng)super mario跳躍在web網(wǎng)頁(yè)上時(shí),這昭示著javascript的時(shí)代已經(jīng)到來(lái)了[/b]。javascript能做什么?2008年的答案是:javascript連游戲都能做![/p] 大放異彩的jquery [p]2008年,無(wú)論對(duì)于jquery的作者john resig還是jquery庫(kù)本身來(lái)說(shuō),都是非常棒的一年。jquery首頁(yè)上有一行很明顯的加粗文字:[/p] [p]jquery is designed to change the way that you write javascript.[br]jquery設(shè)計(jì)成可以改變你書寫javascript的方式。[/p] [p]jquery用數(shù)據(jù)和事實(shí)證明了它的魅力。一定程度上,甚至可以毫不夸張地說(shuō):jquery改變了web前端開(kāi)發(fā)界。下面是用google trends統(tǒng)計(jì)的常用javascript庫(kù)在2008年的搜索量曲線圖:[br][img]http://lifesinger.org/blog/wp-content/uploads/2009/01/jslib_trend.png[/img][/p] [p]2008 年9月份,jquery團(tuán)隊(duì)?wèi)?zhàn)績(jī)斐然:microsoft和nokia正式將jquery集成進(jìn)他們的應(yīng)用程序開(kāi)發(fā)平臺(tái)。此 外,google的部分應(yīng)用里,也早就采納了jquery. 從jquery的首頁(yè)上還可以看出,dell, bank of america, digg, technorati, mozzila等站點(diǎn)都在使用jquery.[/p] [p]當(dāng)然,除了jquery,其它javascript在 2008年也都有可圈可點(diǎn)的發(fā)展。yui3的preview版本,是我見(jiàn)過(guò)的最具有發(fā)展?jié)摿Φ?框架。extjs在國(guó)內(nèi)的普及也非常迅猛,javaeye社區(qū)里,extjs一定程度上成了ajax的代名詞,各種有關(guān)extjs的技術(shù)文章和書籍非常多 (遺憾的是書籍的質(zhì)量不高)。prototype不溫不火。mootools則在低調(diào)中用其優(yōu)雅的代碼吸引了不少忠實(shí)用戶。[/p] [p][i]感慨:[/i]上 面提到的每個(gè)javascript庫(kù)都是非常優(yōu)秀的,掌握任何一個(gè),對(duì)于我們的日常工作來(lái)說(shuō),都綽綽有余了。只是對(duì)于 2008年來(lái)說(shuō),jquery的表現(xiàn)太突出了,連我這個(gè)天天工作用yui的人,在2008年,都不得不為jquery鼓掌,為john resig喝彩!各種javascript庫(kù)的爭(zhēng)奇斗艷,這是javascript時(shí)代已經(jīng)到來(lái)的另一個(gè)標(biāo)志。[/p] 蹣跚起步的網(wǎng)頁(yè)工業(yè)化 [p]2008年,如果你是一名web前端開(kāi)發(fā)工程師,卻沒(méi)有聽(tīng)說(shuō)過(guò)“柵格”兩個(gè)字,那你一定是工作太忙太專心了。2008年10月份,在淘寶ued博客,出現(xiàn)了一篇“[url=http://lifesinger.org/blog/?p=375]960的秘密[/url]”,揭開(kāi)了網(wǎng)頁(yè)柵格系統(tǒng)在國(guó)內(nèi)的研究小熱潮。[br][img]http://lifesinger.org/blog/wp-content/uploads/2009/01/grid.png[/img][/p] [p]伴隨著柵格系統(tǒng)的爭(zhēng)論,國(guó)內(nèi)的前端技術(shù)博客里還出現(xiàn)不少對(duì)css框架和布局的探討。這一切,所要解決的是以下兩個(gè)問(wèn)題:[/p] [b]網(wǎng)頁(yè)的規(guī)范性[/b]。隨著站點(diǎn)的成長(zhǎng),頁(yè)面會(huì)以幾何級(jí)數(shù)的速度增加。面對(duì)成千上萬(wàn)個(gè)網(wǎng)頁(yè),如何保持風(fēng)格的一致性是一個(gè)不小的挑戰(zhàn)。 [li][b]網(wǎng)頁(yè)的工業(yè)化產(chǎn)出[/b]。在遵守規(guī)范和保證質(zhì)量的基礎(chǔ)上,如何讓頁(yè)面制作容易,如何讓運(yùn)營(yíng)人員能批量制造頁(yè)面,這是目前許多大型站點(diǎn)面臨的另一個(gè)問(wèn)題。 [/li] [p]國(guó)內(nèi)站點(diǎn)中,淘寶、百度有啊、網(wǎng)易等站點(diǎn)的已逐步采用柵格系統(tǒng)。淘寶的首頁(yè)和頻道目前已經(jīng)全部柵格化,同時(shí)嘗試性開(kāi)發(fā)了tms(模板管理系統(tǒng))來(lái)解決網(wǎng)頁(yè)的工業(yè)化產(chǎn)出問(wèn)題。[/p] [p][i]感慨:[/i]網(wǎng)頁(yè)的高質(zhì)量工業(yè)化產(chǎn)出,在國(guó)內(nèi)很多公司才剛起步。2009年,我相信工業(yè)化將依舊是web前端開(kāi)發(fā)界的關(guān)鍵詞。[/p] 這些也很出色 [b]漸進(jìn)增強(qiáng)[/b]。 2008年10月份,aaron gustafson在ala網(wǎng)站上發(fā)表了一系列有關(guān)漸進(jìn)增強(qiáng)的文章,探討的核心問(wèn)題是:javascript應(yīng)該做什么以及web前端開(kāi)發(fā)的技術(shù)流程。 javascript游戲讓我們看到了javascript的魔力,aaron提醒我們不能濫用javascript,我們要仔細(xì)考慮 javascript的使用場(chǎng)景。可用性,無(wú)侵入性,可訪問(wèn)性等等,這些理念是每一個(gè)前端開(kāi)發(fā)工程師需要好好思考的。 [b]d2(前端技術(shù)論壇)[/b]。 2008年,在北京和上海分別舉辦了兩屆d2,這是國(guó)內(nèi)前端開(kāi)發(fā)工程師們的兩場(chǎng)盛會(huì)。前端工程師,這個(gè)新生的職位逐步被國(guó)內(nèi)各大公司接受。d2的意義在于,我們聚集在一起,發(fā)出了自己的聲音! [li][b]google chrome的誕生[/b]。 2008年,chrome, js v8引擎,google迫使各大瀏覽器廠商開(kāi)始比拼javascript引擎速度,這是javascript時(shí)代已經(jīng)到來(lái)的另一個(gè)標(biāo)志。google和 mozzila的努力,在年末的時(shí)候帶來(lái)鼓舞人心的統(tǒng)計(jì)結(jié)果:ie的使用率跌破70%. 萬(wàn)惡的ie6,早點(diǎn)滅亡吧。2009年,google的號(hào)角和淘寶網(wǎng)即將掀起的 no ie6 活動(dòng),將加速ie6的滅亡。 [/li] [p]最后,用兩句話來(lái)結(jié)束本文:[/p] [p]2008年,我們努力改變世界![br]2009年,我們繼續(xù)改變世界,同時(shí)世界將開(kāi)始為我們而改變![/p] 該文章在 2010/7/4 0:30:10 編輯過(guò) |
關(guān)鍵字查詢
相關(guān)文章
正在查詢... |