Javascript开源库/框架

09年，Javascript框架发展到了成熟期，几个老牌库都发布了新版本：
2月 － jQuery 1.3.2发布，YUI 2.7.0发布
9月 － Prototype 1.6.1发布，YUI 2.8.0发布，YUI 3.0.0 GA发布
10月 － Script.aculo.us 1.8.3发布，MooTools 1.2.4发布
12月 － Dojo 1.4发布，jQuery 1.4 alpha 1发布
随着Javascript库越来越成熟，库的自身发展也面临难以突破的瓶颈。大多只是继续修复bug，兼容新版的浏览器，提升性能，功能的增加 变得越来越有限。这里面变化最大的要算YUI 3，和传统的库不同YUI 3更注重前端开发的组织和结构。这种框架思想的转变，也许是未来发展的方向。基于开源Javascript库的开发模式已经被普遍接受，所以09年很少再 出现像jQuery、YUI这样的公用库，但是越来越多的专用库纷纷出现，像图形处理和3D的库，如: GLGE(http://www.glge.org， 一个WebGL库)、Raphaël(http://raphaeljs.com，一个跨浏览器操作SVG的库)、SVG Web(http://code.google.com/p/svgweb，一个提供SVG跨浏览器支持的库)等。像手机应用方面的库，如 PhoneGap(http://phonegap.com)、jQTouch(http://www.jqtouch.com)等。
1月，白宫网站（http://www.whitehouse.gov）改版，使用开源的jQuery库，华丽的交互效果，成为史上最酷的政府网站。
7月，BBC开源了内部的库Glow(http://www.bbc.co.uk/glow/)，很像jQuery的库，向后兼容IE5.5。发布后立刻遭到jQuery作者John Resig的猛烈批评。
11月，Google也开源了内部的库Closure Library(http://code.google.com/closure/library)。虽然随后陆续有人批评它的代码细节有不少低效的地 方，但丝毫不影响它是一个功能强大的库，而且在库的模块化设计方面很有特点。

浏览器

新的浏览器大战实际上成了Javascript引擎大战。从08年Chrome的V8挑起“事端”开始，09年各个浏览器厂商纷纷换新的引擎。 6月，Firefox3.5携新的Javascript引擎TraceMonkey发布，同期Safari4.0.1正式版发布，引擎换成Nitro。 12月，Opera10.5 alpha版发布，引擎换成Carakan。纷纷叫板V8。作为前端开发者还是很乐意看到这么激烈的竞争场面。相反，09年初众人瞩目的IE8发布，全面 兼容CSS2.1，在标准支持方面进步不少。但仍对HTML5、CSS3、Canvas紧闭大门。IE6的市场占有率虽然持续下滑，但仍占据很高的比例， 越来越成为前端开发的障碍。Facebook、Youtube和Twitter等热门网站相继抛弃对IE6的支持，提示用户升级浏览器。

Web标准

7月，W3C终止XHTML2.0的工作，转向HTML5。HTML5并不是一套完全不同的标准，而是在HTML的基础上扩展了更多有用的标 签，如video、audio等，同时增加新的离线存储、跨文档通讯等机制，这些都有利于开发更强大的Web应用，所以受到广大开发者和浏览器厂商的青 睐。虽然HTML5的草案还在制订中，但几乎所有最新的浏览器都有不同程度的支持，IE8也开始支持跨文档通讯。2010年HTML5势必还会有更大的发 展，围绕它的话题不会中断。
12月，ECMA-262正式命名为ECMAScript，ECMAScript第5版标准几乎全票通过。

热门话题

1.网站性能优化的讨论进一步深入。之前只是讨论如何让页面下载更快，09年讨论的话题已经延伸到页面的渲染速度、图片无损优化技术、Ajax 性能、CSS选择器性能，Javascript执行速度、手机性能优化等。Steve Souders的新书《更快的网站》(Even Faster Web Sites)很有代表性。09年出现很多很好很强大的网站性能优化方面的工具，像MySpace的MSFast、Aol的WebPageTest、微软的 Doloto、雅虎的YSlow2.0、Google的PageSpeed、Speed Tracer、dynaTrace等。另外，使用dataURI实现内联图片的技术是前端性能优化的一个突破。
2.由于HTML5和CSS3不同浏览器支持的程度不同，相应的出现了各种兼容的技术。这个网站统计了目前浏览器支持的情况：http://a.deveria.com/caniuse。 针对浏览器的这种现状，向前兼容同时向后优雅退化的理念被提出。针对不同浏览器有不同的设计方案，像针对Firefox、Safari、Chrome、 Opera可以基于CSS3设计网站的UI，对于IE6设计一版可以接受的退化方案。这样可以引导用户逐渐放弃低端浏览器。
3.服务器端的Javascript前两年也讨论过，但只是实验性质的，并没有突出的优势。09年JSConf欧洲大会爆料的Node.js不 同，它很好的利用了Google的高速引擎V8，可以实现一个非堵塞的事件驱动的Web Server，具有很高的性能。很适合做像comet这种长链接应用的服务器端。对于前端开发者来说，只是Javascript加上一组服务器端操作的 API库，所以很容易掌握。也许2010年可以看到更多基于Node.js开发的应用。
4.Javascript开发越复杂，就越需要借鉴传统语言的更严谨的开发方式。于是Javascript单元测试的讨论频频出现在09年一些技术大会上，如：Ron Adams在YUIConf2009大会上的主题：Automated Integration Testing with YUITest, Selenium and Hudson（http://yuilibrary.com/yuiconf2009/#yuitest）John Resig在雅虎所做的演讲：Testing, Performance Analysis, and jQuery 1.4
（http://developer.yahoo.com/yui/theater/video.php?v=resig-testing）
Jason Huggins在JSconf2009上的主题：Hacking Selenium
（http://www.slideshare.net/hugs/hacking-selenium-jsconf）
老牌Javascript单元测试框架JSUnit太老了，目前流行用jQuery的Qunit或YUI的YUITest。同时再结合 Selenium实现自动化的Javascript单元测试是目前比较好的方案。我之前也也过一篇文章：命令行方式执行YUITest单元测试（http://hikejun.com/blog/?p=499）
5.Google在9月发布一款插件－Chrome Frame。IE安装这个插件后，基本上就等于切换到Chrome了，这样IE就可以支持Chrome所支持的HTML5、CSS3、Canvas等标 准。Chrome Frame的开发者是Alex Russell，他也是著名框架Dojo的作者。Chrome Frame的出现对IE是一个不大不小的冲击。
6.Palm Pre 6月份正式发售好评如潮。它使用的操作系统是WebOS。WebOS上的应用完全是用Html、CSS和Javascript开发的，这给前端开发者提供 了更大的空间。9月，著名前端技术网站Ajaxian的创始人、Bespin的开发者Ben Galbraith和Dion Almaer加入Palm，我相信会进一步推动WebOS的发展。
7.前端大牛PPK09年做了大量手机浏览器的兼容性测试。详细见：http://quirksmode.org/m/table.html。随着3G的普及手机开发注定会成为热门技术，09年无论国内国外iPhone应用开发和Android应用开发都很热，但随着手机浏览器越来越强大，会不会重蹈N年前Web2.0和桌面软件的覆辙呢。无论怎样前端开始向更多元化的终端延展，这对前端开发者是件好事。

前端会议

09年给我留下深刻印象的一些技术会议：
2009/3/18-20，Mix09
官网：http://visitmix.com
视频资料：http://videos.visitmix.com/MIX09
2009/4/24-25，JSConf 2009
官网：http://jsconf.us/2009
2009/11/7-8，JSConf(柏林) 2009

官网及会议资料：http://jsconf.eu/2009
2009/6/22-24，Velocity 2009
官网：http://en.oreilly.com/velocity2009
2009/9/14-16，Ajax Experience 2009
官网：http://ajaxexperience.techtarget.com/conference/index.html
会议资料: http://www.slideshare.net/ajaxexperience2009/slideshows
官网：http://yuilibrary.com/yuiconf2009/
2009/11/20，FullFrontal 2009
官网：http://2009.full-frontal.org/
2009/12/19，第四届D2前端技术论坛
官网：http://www.d2forum.org/d2/4/
09年前端领域着实涌现不少令人惊喜的技术和事件，对于前端开发者来说要不断更新自己的知识否则很快就Out了。同时，也可以看出前端技术的发展那是相当的快。2010年这种发展势头不会减缓，期待经历更精彩的一年！

我现在是这样做的，如图：

恩，我知道，没什么错儿，但是也没什么交互可言。而且我作图的时候经常把“开始时间”和“结束时间”做成“时间点”（一个输入框），而不是“时间段”（两个输入框）。因为他们听起来就很容易让人想到：哦，开始时间，就是某一天呗。但是业务不是这么说的，业务说：“它奏得是时间段！”（尽管我到现在也不太赞成这种想法。至少每次涉及这个问题的时候，还是要多想一下“哎？它为熟么是时间段来着？”）

下面是报表生成时候的时间选择：

周期类型分为：最近一年、最近一季和最近一月，如果在周期类型中进行了选择，那么后面的“起始时间”和“结束时间”就变为灰色的不可选状态。这里考虑到年报、季报和月报是用户最常用的几种选择，而且一般都是查询最近一期的报表，所以做了这样的设计。当某些特殊情况下，用户想自定义查询时间的时候，那么就不对“周期类型”进行选择，直接选择“开始时间”和“结束时间”就好（但你觉得用户知道么？）。这是属于思维方式比较简单而且实现起来相对容易的做法（主要是因为后者），也没什么交互性可。

刚看了statcounter做的时间选择方式，觉得很不错，但可能做起来也相对麻烦一些。首先，时间选择区的时间部分显示为为黑色带有点状下划线的字体，如下图：

鼠标经过时会变成手型，暗示此处可以点击，如下图：

点击之后，出现蒙版效果，页面整体变暗，只能对“时间选择框”进行操作，如下图：

亮点出现，他们的时间选择框太固的了。首先使用选项卡的方式，将时间类型分为：日、周、月、季、年 5种。而且完全不费口舌，没有出现“开始时间”和“结束时间”的字样，就两个下拉框中间接一根横线，下拉框中有默认的年份，您就选去吧。请问有人不知道这是“开始时间”和“结束时间”嘛？好，这些还不够，人家还很人性化的给出几种默认的时间段选项，比如图中的Last Year啊，This Year啊，括号里还给你标出This Year具体是有几天。

下面这张图是Daily选项卡下的选项，啧啧啧…看见了么，连星期几都告诉你。你还想怎样？ 下面的默认选项更是种类繁多，最近3天，最近7天（相当于Weekly），最近30天（相当于Monthly）。。。。总之人家奏是想你所想。

更多的图我没截，有兴趣可以自己去试下，这是地址。

矛盾就在于，技术上容易实现的，它不好用。好用的，他就贼不好实现。你说怎么办吧。