jQuery如此受欢迎，有很大一部分是因为它允许你用最少数量的代码就能非常优雅地（且非常有效地）找出和操作HTML元素。jQuery是通过一个非常棒的“selector” API来实现这个的，该API允许开发人员查询HTML元素，然后对它们施加“命令（commands）”。jQuery命令的一个特征是，它们可以“串连（chained）”在一起，这样，一个命令的结果可以转而注入到另一个命令中去。jQuery还包含了一套内置的动画效果APIs，这些APIs可以用作命令之用。这样的组合允许你只要击键几次就可以做一些非常酷的事情。

IE8的Jscript引擎已经有了JSON完全的原生实现，在保持与ES3.1提案草案（Proposal Working Draft，地址http://wiki.ecmascript.org/doku.php?id=es3.1:es3.1_proposal_working_draft）中所描述的JSON支持的兼容性的同时，极大地提高了序列化、反序列化的速度，并且提高解析不信任数据的安全性。 我们定义了一个新的内置对象“JSON”，这个对象可被修改或者重写。看上去很像math或者其他内置的全局对象。除了JSON对象之外，toJSON()这些特定的函数也添加到了Date、Number、String和boolean对象的原型上。JSON对象有两个方法：parse()和stringify()。

大部分web引用统计系统都实现了基于站内的点击行为分析，但是对于点出到其他网站的链接，由于点出链接地址不一定都部署了相通的统计。那么这些点击行为就要在链接所在的页面在点击的时候触发统计了。传统的是中间转向页面，但这样的链接机制非常不利于SEO，给蜘蛛带来了大量的麻烦用于识别真正的目标地址；之前介绍过一些基于鼠标触发机制的页面点出统计方法： 一般是通过在点击的时候触发在当前页面插入一个 img bean，然后统计相应的img 请求实现，现在连这样的点击触发器在Google Analytics统计中也可以自定义实现了： 以下例子在页面点击的时候，会触发Google Analytics生成一个对clickto/TAGET_URL 一个自定义的地址（clickto实际上不存在的）请求访问；

JavaScript中的数据很简洁的。简单数据只有 undefined, null, boolean, number和string这五种，而复杂数据只有一种，即object。这就好比中国古典的朴素唯物思想，把世界最基本的元素归为金木水火土，其他复杂的物质都是由这五种基本元素组成。JavaScript中的代码只体现为一种形式，就是function。

随着网络的发展，网速和机器速度的提高，越来越多的网站用到了丰富客户端技术。而现在Ajax则是最为流行的一种方式。JavaScript是一种解释型语言，所以能无法达到和C/Java之类的水平，限制了它能在客户端所做的事情，为了能改进他的性能，我想基于我以前给JavaScript做过的很多测试来谈谈自己的经验，希望能帮助大家改进自己的JavaScript脚本性能。

其中 Tamarin 和 SqurirrelFish 代表了浏览器 JavaScript 引擎性能的提高 — Tamarin 虽然现在还不明显，因为它的 JIT 还在 tracing 优化阶段，SqurirrelFish 甚至还完全没用 JIT。不过这两者正式进入市场至少要到 2009 年 Mozilla 3 平台的初步发布和 Safari 4 随 Snow Leopard 一起发布时。 Processing.js 和 ContextFree.js 则代表了 Web-based Processing 创作的新方向，Processing 和 NodeBox 的成功充分说明了在简单技术上提供更有效的表达方式会给图形生成带来多大的改进，现在能在 Web 上直接实时呈现这些优美的图形，毫无疑问 Flash, Silverlight 等将更不受欢迎了。 Parchment 则是一个非常漂亮的 Z-Machine 在 Web 上的呈现，适合 Text Adventure 爱好者们。

Aptana是一个java开源项目（.NET程序员应该扪心自问了吧），现在还在beta阶段（从版本号你就可以看出来了）。所以它是跨平台的。你在 windows上运行它可能会觉得有一点点慢（比VS快多了）。其实Aptana的内存占用很少，才2M多，不过JVM...我就不想说什么了。

如果你希望构建一个更像桌面程序的富客户端程序，你一定要使用SproutCore。一旦你在页面上加入工具栏、菜单和源列表之类的组件后，你很快就会发现你得在页面上维护很多细微的状态。SproutCore使得这些变得更加容易实现。 如果你只是有个网页，并且只需要一些Ajax和动画特效的话，SproutCore就显得大材小用了。我倾向于使用一些更加简捷的框架，譬如 Scriptaculous。实际上，在我们的营销页面和Sproutit的Blog中，我们使用的是Scriptaculous和Prototype。不过我们也使用SproutCore来构建我们所有的Web程序。

Memoization 是一种将函数返回值缓存起来的方法，在 Lisp, Ruby, Perl, Python 等语言中使用非常广泛。随着 Ajax 的兴起，客户端对服务器的请求越来越密集（经典如 autocomplete），如果有一个良好的缓存机制，那么客户端 JavaScript 程序的效率的提升是显而易见的。 Memoization 原理非常简单，就是把函数的每次执行结果都放入一个散列表中，在接下来的执行中，在散列表中查找是否已经有相应执行过的值，如果有，直接返回该值，没有才真正执行函数体的求值部分。

最重要的一点是，不要污染当前网页的命名空间，否则可能会破坏当前网页的 JavaScript. 通常，可以使用闭包来隐藏你所有的变量。同样，如果您的 bookmarklet 的 CSS 可能会入侵当前网页（很遗憾，CSS 没有命名空间，也没有类似闭包的东西，很容易就会冲突），那么请考虑将 bookmarklet 的内容放到 iframe 中去。 其次，防止函数执行后不经意的副作用，一个比较好用的贴士是，使用不返回值的 void, 它可以接受任何参数，因此，把你的闭包放到 void 中是个不错的主意 目前世界上最流行的浏览器，IE6, 它对 bookmarklet 所能容忍的长度仅为 508!

JSCoverage是一个用于度量JavaScript程序的代码覆盖率的工具。能显示哪些行被执行过了，哪些行尚未执行，这些信息对于测试覆盖率的分析和测试质量的衡量都很有用。

原来taobao发现如果不能自动的弹出窗口，就把弹窗口的函数邦到document.body的onclick事件面上去。这样一来只要用户一点击页面的任何位置，就会触发window.open弹出广告。当然这个时候的window.open就不是脚本自动触发的了，而是用户手动触发，在友好的拦截器下，这是合理的open。这个不是taobao最高明的地方，接下来的adPopup.blur(); 和adPopup.opener.focus(); 才是精华！ 设计这个弹出窗口的人也深知，咣一下来个弹出窗口广告非常的不友好，八层也不被大家伙接受。所以taobao的弹出窗口非常的低调，弹出来以后自己立即就躲在后面去了，这时除了任务栏上多了一个IE的任务和有音响的机器会发出一个提示音外，对用户浏览taobao来说没有任何影响。接下来用户买完东西关闭taobao的浏览器才会看到，怎么有个广告窗口呢？难道是自己什么时候不小心点出来的？如果正好感兴趣就看两眼，不敢兴趣就关闭它，也不会多想。而且taobao做了优化，cookie里有记录，这个首页的弹出窗口一天只会弹一次。

很多时候我们做web开发往cookie里面存数据，只是为了在不同的网页之间跳转的时候可以共享数据，但是cookie里面的每个数据不管是否需要都会在每个同域的http请求中被发送往服务器，包括每个页面、图片、css、脚本或者ajax的的请求，这就无形中占用了多余的带宽。更糟糕的是，一个网页的cookie本来也只有有限的4k空间，一旦不小心写入的cookie超过了限制，就会造成原来有用的cookie丢失，这样造成的bug非常难以追查。 因此我们在IE下面经常使用userdata来保存共享数据。但是在firefox下面却一直缺乏对应的特性。 今天在看firefox 2.0的what's new 的时候，惊奇的发现一个新特性叫做： Support for client-side session and persistent storage 赶紧试验了一下，firefox2.0果然支持这个特性了。虽然还只能在session生命周期内使用（而不像ie的userdata可以指定有效时间），但是总算解决了cookie占用的问题了。

Reflection.js能够在你的页面的图片上添加投影效果。它的javascript很简洁不会弄乱你的代码。 它能够运行在所有流行的浏览器运行——Internet Explorer 5.5 , Mozilla Firefox 1.5 , Opera 9 和 Safari.在老版本的浏览器中，用户将不会看到效果。最重要的是他只有5kb。

这个工具的名字叫Companion.JS，请注意，这可不是一个js文件，而是一个名字，它是作为ie的插件来安装使用的，而且需要结合Microsoft Script Debugger使用，通过安装这个工具，但页面出现错误时会在左上角弹出一个小错误提示，点击会在IE下面显示出一个错误控制台，就如FF下的 firebug控制台一样。错误信息提示很详细。

The good folks at Ajaxian.com and I just completed our third annual survey of Ajax tools usage. The raw data is free for everyone here - you should be able to slice it and dice it anyway you see fit. The top 10 Ajax toolkits in 2007 are:

jQuery 是一个快速的，简洁的 javaScript 库，使用户能更方便地处理 HTML documents、events、实现动画效果，并且方便地为网站提供 AJAX 交互。 jQuery 还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。 jQuery 能够使用户的 html 页保持代码和 html 内容分离，也就是说，不用再在 html 里面插入一堆js来调用命令了，只需定义 id 即可。

This post is an in-depth look at Beacon, and is broken down into a few sections to make it easier for you to navigate: * Beacon in a Nutshell: an overview of Beacon and a visual tour of the user interface elements * Beacon from 10,000 Feet: a look at the technology behind Beacon from way up high. Read this if you don't want the finer details but do want an idea of how it works. * Blocking Beacon: if you're concerned about privacy and want to stop Beacon, check this part out. * Walking through the Code: this is the section for you if you're the type of person who loves reading code listings and wants to know exactly what makes it tick. Allow your customers to share with their friends the actions they take on your website. For user actions you define, Facebook Beacon will publish a story in the user's profile and to friends' News Feeds with a link back to your site.

来自Nine Javascript Gotchas, 以下是JavaScript容易犯错的九个陷阱。虽然不是什么很高深的技术问题，但注意一下，会使您的编程轻松些，即所谓make life easier. 笔者对某些陷阱会混杂一些评点。

在办公室里，我们常常会问：“还记得没有Firebug时怎么过么？”它确实改变了我的生活。其主要好处如下： * 检阅DOM 点击“Inspect”，然后鼠标放到页面元件上，就能看到此元件的HTML和CSS代码。 * 显示样式继承的实时CSS编辑 简直就是钱啊——这大大节省了布局设计的时间。例如，在Firebug里可以选择一个DIV标记，点击margin属性后手工调整，上下键为加减1个像素，上下翻页键为加减10个像素。（htmlor注：任何数值属性都可以这样调整） 还可以在当前样式添加新属性。效果满意之后，再把修改的CSS代码贴到实际文件中去。 * 详尽的Javascript调试 这里的JS控制台比Firefox自带的稍好。它更详尽，是默认控制台不错的替代品。 * 查看页面加载的所有文件及总字节数 对于优化站点加载时间来说，这很关键。你可以测试单个文件会加载多久，图片，JS文件，AJAX调用等。在“Net”部分的最后一行，可以看到页面加载文件的总字节数。

在这个帖子里，我们将了解是什么使得页面因为过多的 JavaScript 语句而迟滞，以及对此应该采取什么对策。 对于任何一个老练的技术人员来说，也许最令人震惊的真相是：JavaScript 是一个单线程语言。 JavaScript 提供者应该思考以下一些指导性原则： 1. 推迟 JavaScript 代码的执行 2. 尽量减少页面载入时需要执行的代码总量 3. 通过生成不同的 URL 对请求做负载均衡 4. 使用标准库 5. 最要重要的是要考虑到别人

prototype 是在 IE 4 及其以后版本引入的一个针对于某一类的对象的方法，而且特殊的地方便在于：它是一个给类的对象添加方法的方法！这一点可能听起来会有点乱，别急，下面我便通过实例对这一特殊的方法作已下讲解

用我这个做法的好处是，一来节省了一些流量，而来搜索引擎也不会把“Alexa重定向连接前缀 - redirect.alexa.com”当作a标签的真实链接记录而影响SEO。 至于这个是否靠谱，我可以非常负责任的告诉你，Alexa为了获得互联网网站统计信息，绝对是鼓励这种做法的。

面向对象编程 (OOP) 是一种流行的编程方法，很多 JavaScript 库中都使用这种方法，以便更好地管理和维护基本代码。JavaScript 支持 OOP，但与诸如 C++、C# 或 Visual Basic® 等流行的 Microsoft® .NET Framework 兼容语言相比，它支持 OOP 的方式非常不同，因此主要使用这些语言的开发人员开始可能会觉得在 JavaScript 中使用 OOP 很奇怪而且不直观。我写本文就是为了深入讨论 JavaScript 语言实际上如何支持面向对象编程，以及您如何使用这一支持在 JavaScript 中高效地进行面向对象开发。

近日刚好在无忧里看到一篇讨论脚本框架的帖子，我想谈谈我对目前几个脚本框架的看法（Silverna、Dron Framework、Zerg、script_aculo_us、prototype、bindows、JSVM），（不过我得说一下前提，这里是在讨论框架而非单个功能）：TNND，我这么一写，把国内外写框架的人都得罪光了。

I made a list of the top 10 libraries that I have come across or that I personally use. Libraries can be best for a web developers friend. They are great resources to learn from and can save hours and hours of time. These libraries include JavaScript, Ajax, Colors, PHP, and CSS. These should be in any web developers bookmarks, so go ahead and look through these libraries and bookmark your favorite ones. The list is in no particular order.

那么，既要支持javascript被关闭的情况，又要有Ajax，会不会增加开发的难度呢？Jeremy Keith, DOM Scripting的作者，不这么认为，在他的书里也提到Progressive enhancement（渐进增强）的开发过程和Hijax的手段，简单地说，就是 1) 首先以传统的或者说web1.0的方式设计和实现网页； 2) 在1的基础上，添加Javascript实现Ajax，优化用户互动

Aptana是一个java开源项目（.NET程序员应该扪心自问了吧），现在还在beta阶段（从版本号你就可以看出来了）。所以它是跨平台的。你在windows上运行它可能会觉得有一点点慢（比VS快多了）。其实Aptana的内存占用很少，才2M多，不过JVM...我就不想说什么了。

jQuery is a Javascript library that takes this motto to heart: Writing Javascript code should be fun. jQuery achieves this goal by taking common, repetitive, tasks, stripping out all the unnecessary markup, and leaving them short, smart and understandable.

Fireworks.js is a bit of Javascript that creates starburst-type explosions in a web document; in short, it's a fireworks effect someone could theoretically use on their site. And come on, who doesn't want something like that? As far as appropriateness is concerned, this effect could be compared to the dripping-blood-line, skull and fireball animated .GIF images so popular on the web in 1997. Exploding firework animations are hot, the new black, the script equivalent of the blink tag. Mmm, blink tag.

大概步骤如下： 1。在浏览器里启动脚本调试：在IE里菜单 工具->Internet 选项->高级页中，把Disable script debugging (Internet Explorer) 前的勾去掉 2。然后在 VS 2005 里打开你的项目，把你要调试的网页设置为起始页，然后按F5，然后去 VS 2005 菜单 Debug-> Windows ->Script Explorer，VS 2005就会打开脚本管理器，双击其中某个JS文件，该文件将会在主窗口打开，然后你就可以添加断点，。。。。。

本文只是一个入口，它分类整理了从2004年底到今天接近两年的时间里，我在DHtml&JScript开发领域学习、研究，以及所遇到和已解决的相关开发问题。总文章数超过了150篇，以此作为本blog访问量达到1,000,000的人次的纪念。

JavaScript is a fully-featured Object-Oriented programming language, on the surface, it shares syntactical similarities with Java and C, but the mentality is quite different, at its core, JavaScript is more similar to functional languages. Inside is a list of JavaScript tips, some offer techniques to simulate features found in C-like languages (such as assertions or static variables), others are meant to improve performance and explore some of the more obscure parts of the web scripting language.

Repeater control with ItemTemplate, HeaderTemplate, FooterTemplate, AlternatingItemTemplate and SeperatorTemplate created using JavaScript for binding data from XMLHTTP request.

万一你没有使用过大名鼎鼎的prototype.js，那么让我来告诉你，prototype.js是由Sam Stephenson写的一个javascript类库。这个构思奇妙，而且兼容标准的类库，能帮助你轻松建立有高度互动的web2.0特性的富客户端页面。如果你最近尝试使用它，你大概了解到文档并不是作者的一个强项。和在我以前使用这个类库的不少开发者一样，一开始，我不得不一头扎进阅读prototype.js的源代码和实验它的功能中。我想，在我学习完它之后，把我学到的东西分享给大家是件不错的事。 同时，在本文中，我也将提供一个关于这个类库提供的objects,classes,functions,extensions这对东东的非官方参考

上面列出的12个例子都可以做到脚本执行(至少保证在IE6下没问题)。借助百度发帖助手，我们很容易在文章中嵌入这样的HTML标签。当然这只是一些思路，或者入手点，12个例子之间有些是可以彼此配合使用的，通过组合搭配，我们可以得到几十种甚至更多嵌入脚本的方法。

“你必须培训开发人员，”SPI的霍夫曼先生说。“围绕Ajax的炒作正导致一个问题：人们看到了MySpace的成功而纷纷采用Ajax技术。他们24小时内读完一本如何学会Ajax的书，然后创建一个存在安全隐忧的网站。”

仔细的看完文章，还有个强烈的感觉：这老兄也太能卖关子了，一句话非分成三句说，摆事实讲道理是够透彻，就是有点太@#$%了…… 算了，他怎么说我怎么翻吧，忠实于原著嘛，要不就成篡改了。

The Ajax.RssReader class allows fetching and parsing RSS feeds in Javascript.

A library of nice looking DHTML scripts

用服务器端语言写客户端脚本已经成为趋势了：RJS允许你使用Ruby来编写客户端的脚本，Google Web Toolkit使用Java，Nikhil Kothari的Script# 允许你使用C#来写客户端的脚本，他的Script# 编译器生成的不是IL，而是Javascript， 这可以极大地简化开发AJAX类的应用。

这说明，编写Javascript时，好的编程风格更加重要。记得某人曾经说过这样的话，想Java和C#这些比较严格的语言，虽然降低了灵活性，但也减少了犯错误的可能。这样，即使一个新手，他写出的代码也不会与高手差太多。但是，像Javascript这样的脚本语言，由于太灵活，所以，高手写出的是天使，而新手写的，可能是魔鬼！

如果你最近体验了这个程序包，你很可能会发现文档并不是它的强项之一。像所有在我之前的开发者一样，我只能一头扎进prototype.js的源代码中并且试验其中的每一个部分。 我想当我学习他的时候记写笔记然后分享给其他人将会很不错。我也一起提供了这个包的对象，类，方法和扩展的 非官方参考 。

在分析 ClientScript 端的时候真是大有感触，JavaScript 其实远比人们想象的强大和管用。其实我同大多数人一样，起初也对它很不感冒，但是之前曾有两件事让我改变了观念。其一是阅读了黄忠成的《深入剖析 ASP.NET 组件设计》，才发现原来许多强大炫目的 ASP.NET 的控件，其实都是用的 JavaScript 实现。其二是在研究国外某文档浏览器实现的时候，发现人家使用 JavaScript 在 IE 下相当完美地实现了强大灵活有如桌面程序的界面和功能，真是吃惊不小。当时就发现了自己对 JavaScript 的了解实在是严重汗颜，惭愧无地。

This javascript class allows you to add window in an HTML pageThis class is based on Prototype 1.4. The code is inspired of the powerful script.aculo.us library. You can even use all script.aculo.us effects to show and hide windows if you include effects.js file.

JavaScript 是一种解释型的、基于对象的脚本语言。尽管与 C 、C# 这样成熟的面向对象的语言相比，JavaScript的功能要弱一些，但对于它的预期用途而言，JavaScript的功能已经足够大了。但是由于各种各样的原因，我们在实际进行开发的过程中往往忽略了他基于对象的这一特性，以至JavaScript编写的程序显的杂乱无章。这样不仅不易于观看，更不易于修改。今天就让我们来看看JavaScript基于对象的这一特性。

最近我们在处理学位论文的PDF文档时，被一个问题困扰。有几千篇PDF文档，根据CALIS有关规定，需要转换每篇文档的前16页提供检索，如果直接针对PDF文档进行编程处理，由于对PDF格式不熟悉，从外部似乎无从下手。IT界历史最厉害的琴僧听说后，擎起Acrobat Professional，祭出JavaScript，一剑封喉，解决了。以下是他mail来的具体步骤

格式定义非常简单，就是通过一组键值对来定义一个对象。在javascript中，你可以直接将这种格式的数据赋值给一个变量，然后通过键名取值。相对于使用xml来作为数据交换格式，如果要在javascript里使用，首先需要创建一个DOMParser，然后通过DOM接口访问节点对象，非常繁琐，更不用说不同浏览器的实现中DOMParser的实现和DOM接口都有诸多不同。为什么大量的AJAX应用中宁可直接返回一个HTML片断而不是直接把XML交给javascript处理，一个主要原因就是处理XML的过程比较复杂。JSON最重要的贡献就是简化了解析数据的过程。

We can't escape it: the end of the year is the time for lists, charts and so on... To honour the tradition, a few days ago over at blog.html.it I posted my top 20 bookmarks of 2005. I'll report them here in English: they're divided by category, in no particularar order.