JavaScript -- IT技术博客大学习 -- 共学习共进步！

• 适合JavaScript 1.7中迭代生成器的异步编程机制

上篇文章我提出了一种基于JavaScript 1.7中迭代生成器(yield)的异步编程方式，它可以让混乱的异步代码逻辑变得清晰一些。不过之前的AsyncIterator其实是对基于C# 2.0的AsyncEnumerator的仿制品，在公司的分享会上进行交流以后，同事hax提出其实可以实现地更漂亮一些。在他的提示下，我了解到JavaScript 1.7中不同于C# 2.0里的特性，因而对这种异步编程机制提出了改进。只可惜yield特性被ECMAScript 5排除了，这实在可以说是委员会...

• JavaScript版本的AsyncEnumerator

地球人都知道，在C# 2.0里提供了yield关键字，可以方便好用地生成一个迭代器，更可以简化异步操作――这是因为有了Jeffrey Richter开发的AsyncEnumerator。在接下来的某些演讲中我准备的主题是“异步编程模型”的演变，自然少不了这非常重要的一环。为了便于广大人民群众更好地接受，我决定使用JavaScript来进行说明。为此，我用JavaScript实现了一个AsyncEnumerator。 JavaScript 1.7里的Iterator生成器 AsyncEnumerator的关键...

• 一段Javascript的代码

这段代码来自BlackHat DC 2011((黑帽安全大会，全世界最大两个黑客大会之一，另一个是Defcon)中的一个叫Ryan Barnett黑客做的XSS Street-Fight！的演讲(XSS是Web上比较经典的跨站式攻击，操作起来也有些复杂)，一共69页，基本上都是一些比较枯燥的Javascript，不过这段代码挺有意思的。

• JS游戏引擎列表

这里有一个网址收集了关于JS游戏引擎开发库的一个列表，转过来。关于使用JS和HTML5做的一些小游戏，可参见《HTML5 小游戏展示》游戏引擎 Name Latest Release License Type Notes The Render Engine 1.5.3 MIT 跨浏览器; 大规模 API; 开源. 2 gameQuery 0.5.1 CC BY-SA 2.5 和 jQuery 一起使用 gTile 0.0.1 Tile based Akihabara 1.3 GPL2/MIT Classic Repro 基于JS+HTML5的街机风格的游戏 3 The Javascript 2D Game Engine GPL ...

• 对HTML做白名单过滤

让用户输入HTML的内容是很常见的需求，但是这有一定危险性，可能会带来XSS等问题，因此一般大家都要对HTML进行一定过滤。这个过滤并不容易，如<script />元素自不必说，其他还有如onload或onclick事件，甚至一个普通的<a />元素，它的href中也可以执行JavaScript代码。以前我一直有一段用于过滤的C#实现，一直没有出篓子，似乎也挺靠谱，但最近不知怎么的却发现了问题，可能是C & P出错，也可能原本就有问题，我没有太去关心。但问题总需要解决，于是我想，不如换个角度，基于白名单进行过滤吧。

• 服务器端执行JavaScript代码

话说，如今不在客户端使用JavaScript代码才是稀奇事儿。由于Web应用的体验越来越丰富，客户端用JavaScript实现的逻辑也越来越多，这造成的结果就是某些几乎一致的逻辑需要在客户端和服务器端各实现一遍。这违反了DRY原则，不容易维护。幸运的是，我们可以在服务器端执行JavaScript代码，谁让JavaScript傍上了这无比霸道的浏览器平台呢？例如，如今在客户端使用JavaScript进行验证已经是个标准，它可以有效避免用户在正常情况下提...

• 使用Narcissus解析JavaScript代码

最近在做一个有关JavaScript的实验，需要在客户端将JavaScript代码解析为一棵语法树。换句话说，就是一个用JavaScript实现的JavaScript解析器。这方面的选择有很多，常见的yacc、lex或是bison等等都有JavaScript的版本，使用ANTLR也可以将生成目标设为JavaScript。不过我不想在这方面耗费太多时间，自然想找个现成的工具，于是最终我将目标放在了Narcissus上。

• 探讨前端代码Review

产品发展越快，对代码的管理也就需要越严格。通常代码在进入QA测试环节前就要进行代码review。review的目的倒不是为了发现bug，主要是为了避免代码设计上的缺陷和保证代码的可维护性。当然还有针对性的review比如安全性、性能、易用性等等。代码review除了可以提高代码的品质外，还能加强团队的协作精神，以及提高团队的整体技术能力。显然这是一件非常有意义的事。

• JavaScript ( (__ = !$ + $)[+$] + ({} + $)[_/_] +({} + $)[_/_] )

今天在网上看到一篇很有意思的文章（需翻墙），解释了几段非常有趣的 JavaScript 代码。

• 前端要给力之：代码可以有多烂？

本文从第2小节，至第6小节，仅供对架构、框架、库等方面有兴趣的同学学习研究，有志于在语言设计、架构抽象等，或基础项目中使用相关技术的，欢迎探讨，切勿滥用于一般应用项目。

• IE7中js的执行顺序

如果运行在FF下面，像我们期望的那样，在页面载入后，不会立即alert的，但是，在IE7中，页面载入后立即就是一个alert。显然onfocus事件的绑定被提前做了，不知道为什么。

• 渐进式的脚本加载

通过之前几篇性能指标分析系列的文章可以发现，无论是对于哪个性能指标来说，脚本的影响都是最大的。实际的线上监控数据（图1）也确实能够论证这一点，例如某个页面DOM Ready的时间在4.1s左右，而外链脚本的加载和执行则消耗了2.8s左右，比例高达68.74%。也就是说假如该页面没有脚本的话，页面的DOM Ready时间将会大大缩短。实际的页面中，脚本在加强和提高交互体验方面又是不可或缺的，因此需要从脚本的合理使...

• 前端代码之丑（3）：蛋疼的压缩式写法

前端代码之丑（3）：蛋疼的压缩式写法

• 前端代码之丑（2）：丑陋的条件语句

前端代码之丑（2）：丑陋的条件语句

• 前端代码之丑（一）：分支化技巧

看了 InfoQ 的代码之丑专栏，心痒痒忍不住，前端也来一个系列吧。分析的代码片段大都来自实际项目。还希望代码主人多多包容，让我们一起共同研究探讨，互助学习提高。实际代码今天要分析的是获取邮费目的地的一段代码（做了部分简化，整体保持原貌...

• JavaScript 的异步测试

JavaScript 的异步测试

• JavaScript 测试覆盖率检测工具

最近在用 Jasmine 给 KISSY 项目添加测试代码，遇到一个困惑：如何保证测试能完整覆盖到源码的所有分支？用 Google 搜索了下 JavaScript Coverage 工具，琳琅满目。有商业版的 JavaScript Coverage Validator, 还有 FireBug 的不少扩展 JavaScript Code Coverage Tool for Firebug. 美中不足是，这些要么要花钱，要么已停止更新，杯具。最后将目标锁定到免费开源一直更新的：JSCoverage. 不用不知道，一用立刻相见恨晚。下面简单...

• Nodejs和MongoDB初体验

学习了一下Nodejs和MongoDB，写了个示例程序，读取数据库中产品的列表。

• 新浪操作textarea的工具函数

从新浪的库上copy下来的操作textarea的工具函数，用做学习研究目的。

• memoize 实现代码中的小陷阱

memoize 的原理很简单，实现时有以下注意点：当 arguments 不是简单字符串时，如何有效构建 hasher 来生成唯一 key 值；函数值的存储和获取；当缓存数据很大时，如何根据访问频率来释放低访问量的缓存项。