改变世界的Web前端开发
乔布斯说:“活着就是为了改变世界,难道还有其它原因吗?” 2008年,在Web前端开发界,无论国外还是国内,都发生了不少事情,有哪些是改变世界或即将改变世界的大事件呢?
JavaScript游戏
2008年4月9日,Dion Almaer发现了一款非常经典的JavaScript游戏:Super Mario. 这款游戏由Jacob Seidelin开发,大小仅14k.

(Super Mario JavaScript版本: http://jsmario.com.ar/)
不少Web开发者们大跌眼镜:这真的是用JavaScript开发出来的?答案是肯定的。这款游戏利用了Canvas元素(IE中用HTML模拟),图像存储在加密的字符串中,还用base64存储了MIDI背景音乐。除了这些技巧,其它代码就是我们熟悉的HTML、CSS和JavaScript.
Super Mario JavaScript版本的横空出世(之前也出现过用JavaScript写的游戏,但没有像Super Mario一样引起大家的关注),激起了一股用JavaScript编写游戏的热潮:
许多经典的游戏都有了JavaScript版本:Pac-Man(经典的吃豆子游戏), Space Invaders(太空入侵者),Spacius(百玩不厌的雷电)等等。
甚至还出现了一些比较复杂的角色扮演游戏:Andrew Wooldridge创造的Tombs of Asciiroth 和 CanvasQuest,Pierre Chassaing创造的ProtoRPG等。
伴随JavaScript游戏的热潮,还出现了不少专门用于游戏开发的JavaScript库。最突出的是GameJS(基于Canvas的一个2D游戏开发库) 和 GameQuery(这是jQuery的一个插件)。
除了用Canvas构建2D游戏,用JavaScript还可以构建3D游戏,还出现了非常出色的Processing.js,以及JavaScript PlotTool绘图工具等等。
感慨:JavaScript游戏一段时间内将还只是开发者们的“玩物”,要真正转换为商业应用,可能还有一段漫长的路要走。但是,当Super Mario跳跃在Web网页上时,这昭示着JavaScript的时代已经到来了。JavaScript能做什么?2008年的答案是:JavaScript连游戏都能做!
大放异彩的jQuery
2008年,无论对于jQuery的作者John Resig还是jQuery库本身来说,都是非常棒的一年。jQuery首页上有一行很明显的加粗文字:
jQuery is designed to change the way that you write JavaScript.
jQuery设计成可以改变你书写JavaScript的方式。
jQuery用数据和事实证明了它的魅力。一定程度上,甚至可以毫不夸张地说:jQuery改变了Web前端开发界。下面是用Google Trends统计的常用JavaScript库在2008年的搜索量曲线图:

2008年9月份,jQuery团队战绩斐然:Microsoft和Nokia正式将jQuery集成进他们的应用程序开发平台。此外,Google的部分应用里,也早就采纳了jQuery. 从jQuery的首页上还可以看出,DELL, Bank of America, Digg, Technorati, Mozzila等站点都在使用jQuery.
当然,除了jQuery,其它JavaScript在2008年也都有可圈可点的发展。YUI3的Preview版本,是我见过的最具有发展潜力的框架。ExtJS在国内的普及也非常迅猛,JavaEye社区里,ExtJS一定程度上成了Ajax的代名词,各种有关ExtJS的技术文章和书籍非常多(遗憾的是书籍的质量不高)。Prototype不温不火。Mootools则在低调中用其优雅的代码吸引了不少忠实用户。
感慨:上面提到的每个JavaScript库都是非常优秀的,掌握任何一个,对于我们的日常工作来说,都绰绰有余了。只是对于2008年来说,jQuery的表现太突出了,连我这个天天工作用YUI的人,在2008年,都不得不为jQuery鼓掌,为John Resig喝彩!各种JavaScript库的争奇斗艳,这是JavaScript时代已经到来的另一个标志。
蹒跚起步的网页工业化
2008年,如果你是一名Web前端开发工程师,却没有听说过“栅格”两个字,那你一定是工作太忙太专心了。2008年10月份,在淘宝UED博客,出现了一篇“960的秘密”,揭开了网页栅格系统在国内的研究小热潮。

伴随着栅格系统的争论,国内的前端技术博客里还出现不少对CSS框架和布局的探讨。这一切,所要解决的是以下两个问题:
- 网页的规范性。随着站点的成长,页面会以几何级数的速度增加。面对成千上万个网页,如何保持风格的一致性是一个不小的挑战。
- 网页的工业化产出。在遵守规范和保证质量的基础上,如何让页面制作容易,如何让运营人员能批量制造页面,这是目前许多大型站点面临的另一个问题。
国内站点中,淘宝、百度有啊、网易等站点的已逐步采用栅格系统。淘宝的首页和频道目前已经全部栅格化,同时尝试性开发了TMS(模板管理系统)来解决网页的工业化产出问题。
感慨:网页的高质量工业化产出,在国内很多公司才刚起步。2009年,我相信工业化将依旧是Web前端开发界的关键词。
这些也很出色
- 渐进增强。2008年10月份,Aaron Gustafson在ALA网站上发表了一系列有关渐进增强的文章,探讨的核心问题是:JavaScript应该做什么以及Web前端开发的技术流程。JavaScript游戏让我们看到了JavaScript的魔力,Aaron提醒我们不能滥用JavaScript,我们要仔细考虑JavaScript的使用场景。可用性,无侵入性,可访问性等等,这些理念是每一个前端开发工程师需要好好思考的。
- D2(前端技术论坛)。 2008年,在北京和上海分别举办了两届D2,这是国内前端开发工程师们的两场盛会。前端工程师,这个新生的职位逐步被国内各大公司接受。D2的意义在于,我们聚集在一起,发出了自己的声音!
- Google Chrome的诞生。 2008年,Chrome, JS V8引擎,Google迫使各大浏览器厂商开始比拼JavaScript引擎速度,这是JavaScript时代已经到来的另一个标志。Google和Mozzila的努力,在年末的时候带来鼓舞人心的统计结果:IE的使用率跌破70%. 万恶的IE6,早点灭亡吧。2009年,Google的号角和淘宝网即将掀起的 NO IE6 活动,将加速IE6的灭亡。
最后,用两句话来结束本文:
2008年,我们努力改变世界!
2009年,我们继续改变世界,同时世界将开始为我们而改变!

January 12th, 2009 on 22:32
很精彩,占个位置继续看。
January 12th, 2009 on 22:34
任重道远
PS,顺便沙发了~
January 12th, 2009 on 22:45
在接下来一两年,我们肯定会看到js类库的繁荣现象,希望不会造成像IE对混乱的html包容。
javascript的发展现在还不是很成熟,没有很好的很严格规范的标准,但是Javascript确实是编程风格很愉悦和应用灵活的一种语言。
对于所有使用javascript的朋友,推荐阅读李站老师的《悟透Javascript》
January 12th, 2009 on 22:47
@手气不错 :打多了两个字,就让明城大哥将沙发抢走了
January 12th, 2009 on 22:53
08年的前端大事件都被你总结了。
January 13th, 2009 on 9:30
那个超级玛丽实在是太强了。
January 13th, 2009 on 9:36
在栅格前面,老板还是喜欢根据GOOGLE的广告规格来对页面设计定性,很要命,很无奈!
January 13th, 2009 on 10:10
写的有老外的味道,除了最后两句话.
January 13th, 2009 on 11:46
太棒了!
January 13th, 2009 on 12:56
嗯,写得不错,但内容好像还不够紧咬主题,呵呵,前端越来越被世人认可,这离不开业界同鞋们的努力,看到光明是好事,但也不能忽视了周围的呼声和兄弟行业的呐喊..技术的普及和关注,我们,还有很长一段路要走..
January 13th, 2009 on 13:27
多谢,很有收获。
January 13th, 2009 on 14:18
很少留言,但是你写的太好了,
January 13th, 2009 on 17:26
强大的JavaScript!
January 13th, 2009 on 23:27
经典!
不错,的确称得上改变世界。
January 15th, 2009 on 2:13
技术每天都在进步,期待2009!
January 16th, 2009 on 0:07
最近在读《High performace web sites》,我觉得还应该加上“前端对网站的性能至关重要”。
January 16th, 2009 on 9:57
不错的说,世界将开始为我们而改变!
January 16th, 2009 on 10:51
IE6,你这个老家伙!你该退休了!!!
April 9th, 2009 on 10:54
裸体发现问题了吧!
哈哈,你的查找表单的按钮上的文字呢,嘿嘿。。。
而且前面并没有为其标识是查找,也没有在文本框中输入关键字这类的字样,
前两天才为按钮上的文字在设计的时候有特殊效果写了一博客,今天就发现了。
其实你可以将按钮设置为块元素,并且让他缩进。。。嘿嘿。。。
April 15th, 2009 on 14:23
确实随着互联网的发展,新技术或新概念的产生,更多的浏览器诞生,WEB开发也分类越来越细,这对WEB前端开发人员来说确实是件好事!
August 5th, 2009 on 13:35
你写的太棒了,我是个PHP的新人,CSS,JS会点皮毛,从来不知道会有这样的应用,09.06月离开学校,WEB的确很吸引人
August 15th, 2009 on 13:48
未来的趋势就是应用web化,因此javascript组件库一定会大行其道。
August 20th, 2009 on 14:57
javascript确实很强大.我刚学几个月.就已经被深深的吸引了..
September 8th, 2009 on 18:12
以前我在公司,不管你什么技术多前沿,还是老板说了算,呵。
September 8th, 2009 on 23:24
Web的强大在凸现。
October 3rd, 2009 on 13:33
呵呵,的确是感受到JavaScript的越来越火的氛围,将来JavaScript说不定会有和后台语言一样的地位
October 8th, 2009 on 13:13
学习进步了!谢谢!
October 11th, 2009 on 16:12
good, 深有体会,让我开始有了方向
January 6th, 2010 on 19:56
2010了 会有什么改变呢 期待..
March 5th, 2010 on 19:29
即使一年之后看这篇文章,也依然很有启发性!
leave a reply