2014-11-14 更新：

其实那段“乱七八糟”的代码不是手写的，可以使用jjencode这个工具生成。

正文：

今天早晨刚起来，看到一个朋友（@Laix）的留言，他留了一段“奇怪的代码”，说在控制台执行会发生神奇的事情：

_=~[];_={___:++_,$$$$:(![]+"")[_],__$:++_,$_$_:(![]+"")[_],_$_:++_,$_$$:({}+"")[_],$$_$:(_[_]+"")[_],_$$:++_,$$$_:(!""+"")[_],$__:++_,$_$:++_,$$__:({}+"")[_],$$_:++_,$$$:++_,$___:++_,$__$:++_};_.$_=(_.$_=_+"")[_.$_$]+(_._$=_.$_[_.__$])+(_.$$=(_.$+"")[_.__$])+((!_)+"")[_._$$]+(_.__=_.$_[_.$$_])+(_.$=(!""+"")[_.__$])+(_._=(!""+"")[_._$_])+_.$_[_.$_$]+_.__+_._$+_.$;_.$$=_.$+(!""+"")[_._$$]+_.__+_._+_.$+_.$$;_.$=(_.___)[_.$_][_.$_];_.$(_.$(_.$$+"\""+_.$$$$+(![]+"")[_._$_]+_.$_$_+"\\"+_.__$+_.$$_+_.___+"\\"+_.__$+_.$$_+_.___+"\\"+_.__$+_.$$$+_.__$+".\\"+_.__$+_.$_$+_.__$+"\\"+_.__$+_.$_$+_.$$_+"\\"+_.__$+_.$_$+_.__$+_.__+"();"+"\"")())();

昨天用 IE11 测试页面的时候，发现在文档模式调整到 IE8 的时候，会报错：

如何搭建个人网站系列：

• 域名和空间
• 熟悉 Linux
• 安装 LNMP 和 wordpress
• 小内存 VPS 优化
• 自动定时备份 VPS
• 后记：上万访问量的考验

在这个系列文章完成一个多月后，有了这篇后记，原因是前些天的“javascript 小游戏”，得到了不少朋友的支持，很多人试玩了游戏，访问量达到了一万左右，下面是百度统计的数据：

Flappy Pig，是 Pig，使用原生 javascript 写的网页版“Flappy Bird”。我也奇了个怪为什么搞这个东西出来，而且还花了一天宝贵的周末，但是既然写出来，就拿出来和大家分享一下，点击在线试玩（没有做兼容性测试，所以请用现代浏览器）。

整个程序，主要分几个部分：全局设置和工具函数，pig 类（控制猪的跳跃，掉落等），柱子类（渲染柱子，控制柱子移动），位置判断（判断 pig 有没有撞到柱子上），controller（控制器，初始化各个类，全局设置，计时器的开始和结束，UI 控制等），主函数（程序起点），接下来说下程序的几个难点：

本文介绍一些使用 jQuery 的通用标准和最佳实践，这些标准不涵盖 Javascript 的标准和最佳实践，英文原文地址是 http://lab.abhinayrathore.com/jquery-standards/。

最近在公司使用gruntjs进行前端开发，其中有个前端单元测试插件grunt-contrib-qunit，它使用到了phantomjs，安装的时候报了一个错：

在工作中常常会遇到这样的情况：

• 你写完静态页，需要给产品审核确认
• 你的站点环境部署比较麻烦，同事在自己的电脑上部署困难较大
• 你实现了一个 wap 站点，需要使用手机访问以进行测试
• 你的同事需要调用你的接口，但是他没有部署 asp.net 或者 php 的环境
• ……

此时，如果你可以在自己的电脑上简单的部署一个站点，让公司内的同事或者手机 wifi  直接通过你的 IP 访问，会带来极大的方便。下面简单讲讲基于 IIS 搭建通过 IP 访问的局域网站点。

在 web 前端开发中，经常要处理的一种情况就是“文本溢出”。比较友好的处理方式是溢出的文本不显示，在末尾加上“…”。实现方式多种多样，可以直接后端程序截断，前端 js 截断或者 CSS 实现截断。下面介绍 CSS 截断的方法。

所谓的“图片预加载”就是先加载一张不清晰的图片，然后加载一张高清图片，实现由模糊到清晰的渐变。防止页面空白影响用户体验。具体效果请看在线演示。

原理其实很简单，使用两张图片实现：一张小的缩略图，一张大的高清图，将缩略图拉大到高清图的尺寸（这就是模糊的效果），然后加载高清图片，加载完成修改<img>标签的 src。

CSS 的两个属性white-space和word-spacing主要是设置“空白”的呈现方式的。