《高性能网站建设指南》一书中用了整整一章来介绍压缩，在这本书的影响下，各个网站几乎都启用了 Gzip 压缩，以便让网站取得更好的性能。应该说，Gzip 压缩对大部分应用场景来说都是利大于弊的，不过凡事...

页面加载时间（Site Speed 或 User Latency）是网站可用性的一个重要指标，指的是网站的页面从加载开始到加载完成所花费的时间。这个时间反映了网站的访问速度，有一个说法是，如果一个页面...

最近遇到 IE 下的一个闻所未闻的 bug：如果 <a> 元素的子节点为纯文本节点（即 nodeType 为 3，innerHTML 中没有 HTML 标签），并且值包含“@”字符，则在修...

如果我们有了一个点击分布的数据，比如下图，现在要绘制对应的热区图。在确定了映射规则（比如将每个点击映射为一个圆形，圆心最热，热度向外递减）之后，剩下的问题就是对于每一个热度，我们应该给它配什么颜色。 ...

分析用户在网站上的行为主要有两种方式，一种较为宏观，主要是通过分析后台日志，分析用户在各个页面之间的跳转关系，另一种较为微观，主要是通过在页面上的 JavaScript 脚本记录下用户的鼠标、键盘等行...

貌似 HTML5 的 Canvas 只提供了图片的旋转、缩放功能，没有提供图片翻转（水平翻转或垂直翻转）的支持，搜索加试验之后，得到几种实现图片翻转的方法，记录一下。 第一种最简单的是使用 CSS，代...

随着网页越做越复杂，页面上要用到的 JavaScript 也越来越多，一次性把所有可能会用到的 js 全包含在页面中显然不是一个好主意，于是各种各样动态按需加载 js 的方法逐渐流行起来，LABjs ...

我们经常需要用 JavaScript 获取网页上某个链接的地址（href 属性），很简单，只需要 a.getAttribute("href") 就行了。一切都很顺利，除了万恶的 I...

我比较喜欢塔防类的游戏，前段时间非常流行的植物大战僵尸就属于塔防游戏。最近看到有人用 HTML5 写出了很多非常有趣的作品，我忍不住也尝试了一番，于是有了这个HTML5 版塔防游戏。 请用 IE9 /...

前段时间有人用 CSS3 技术在网页上画了一个机器猫，可以用来测试各大浏览器对 CSS3 的支持程度，不用说，HTML5 /CSS3 的时代已经逐渐来临了。HTML5/CSS3 带来了很多新的东西，比...