组合字符通常的用法为：将组合字符 置于需要修饰的目标字符后边，使目标字符被渲染（或打印）成相应结果。

查看全文...

本文罗列一些常见的、实用的扩展案例，尝试设定规约，通过用少量的 HTML 代码作为 Markdown 的补充来辅助排版，并且保持简明直观的语义。

如果你是一个完美 Markdown 控，对于混用 HTML 的情况实在无法接受的话，可以不用往后阅读了。

查看全文...

var mapping = Object.create( null );
mapping[ key ] = value;

ES6 的 Map/WeakMap 提供了更为便利及语义化的用法，功能更加强大，key 支持所有数据类型：

const mapping = new Map;
mapping.set( key, value );

通过继承 Map/WeakMap，很容易扩展功能，以 Map 为例，本文讲述一个带 过期控制 和 持久化 能力的 Map 扩展。

查看全文...

假设你在进行一个游戏节目。现给三扇门供你选择：一扇门后面是一辆轿车，另两扇门后面分别都是一头山羊。你的目的当然是要想得到比较值钱的轿车，但你却并不能看到门后面的真实情况。主持人先让你作第一次选择。在你选择了一扇门后，知道其余两扇门后面是什么的主持人，打开了另一扇门给你看，而且，当然，那里有一头山羊。现在主持人告诉你，你还有一次选择的机会。那么，请你考虑一下，你是坚持第一次的选择不变，还是改变第一次的选择，更有可能得到轿车？

查看全文...

可作为各种园区自建导航系统，适合用于各种个性化地图，欢迎洽谈合作 ：）

查看全文...

在此前，我对标签并不感冒，所以我的文章一直以来都从不用标签来管理，也不加任何分类，直到前天与同事聊天，当被问到我的博客都写些什么内容时，我竟一时无法很好回答。

现在再问我同样的问题，我会直接让他去看看这个页面 —— 标签云。

这是我突然加上去的功能，与传统博客标签最大的区别在于，它并不是我手动打上去的，而是写程序自动算出关键字，再综合所有文章的结果得出。

查看全文...

我机器上有大量的半成品的项目，都是脑子一热写的，过了兴奋劲之后，再也不想去搭理了，乒乓球就是其中一个：把最主要的游戏流程写完，直接就是封存了好几个月，差的游戏结束场景至今也并未补上，偷懒做个「再来一发」链接回到首页发布了事，算是给自己一个交代。

其实，现在要在维护这个游戏已经有点困难了，这将近半年的时间，想到代码要重新读一遍就头疼，而且这半年来，我个人喜好的变化不少，早已完全无热情。

放上来让它自生自灭，相信过不了多久，等浏览器升级若干个版本，兼容性问题就会慢慢显露出来。

查看全文...

本站一直用的万网虚机，记不清几年了，原来的技术方案是 PHP + MySql，新的服务器上，我准备部署 Node + MongoDB，也就引发了这篇文章所述的事情。

查看全文...

今夜无眠，灵感上脑，利用美女刮刮卡的素材，又写了个 美女透视镜。

查看全文...

市面上的拾色器，包括 PhotoShop 中的吸管，都没有提供图片像素中 Alpha 通道的值，遂用 <canvas> 的 getImageData 方法简单实现了个在线版，有需要的同学请自行收藏。

getImageData 方法返回画布上指定矩形区域的 ImageData，包括该区域中所有像素点的 R、G、B、A 四个通道的颜色信息。上一篇文章 也提到它。

查看全文...

写本文前，我将程序简单做了下脱敏和静态分离：

进入页面后，片头动画开始播放，「你」划燃火柴，转身面向炮仗，进入等待状态（此时应该跟观众唠唠家常，提高下神秘感）；待唠瞌尽兴，「你」将火柴移向并点燃引信，待引信燃尽，炮仗应声升空，爆炸，焰火奇迹般的组成一个花名（中奖者），拍照留念，背景持续燃放烟花，完毕。

本文将介绍该效果的前端实现。

查看全文...

押韵是诗歌中很重要的属性，韵脚押得好能使诗歌念起来朗朗上口，寻找押韵字是个很大麻烦，所以我写了一个 小工具 用来解决这个问题。

查看全文...

这篇文章迟发了大概一年半的时间。

有朋友已经知道这段时间我在做什么了，是的，我在农村老家新筑起了一个巢，目前施工（毛坯 + 装修）基本完成，剩下极少的收尾，而真正令我兴奋的：房子是我亲手设计的！

前年在考虑先买房还是先在老家自建时，犹豫得比较久，不过能自己体验一把设计，想想就激动，内心便十分笃定了。

查看全文...

这是我写过的第三版与 PI 相关的代码。

第一版的博文在百度空间（百度空间已经倒闭看不到了），根据正方形与内接正圆的比值为 4:PI 抽随机点演算；第二版见《用 JavaScript 演算圆周率 PI（二）》。前两版均受浮点计算精度限制，只有现在这版是可以生成任意长度的，不过长度越长，计算起来越慢，测试需谨慎。

（本文完）

查看全文...

不知大家是否还有印象，淘宝玩法平台（一个内部系统）前不久发布了一款新的游戏 —— 小球入洞，该游戏伴随着淘宝技术部去年双 11 当天举办的一次抽奖活动，第一次在大家面前亮相。

游戏支持预先设定必中奖项：离开发射器的小球在来回弹跳一阵之后，不偏不倚的落入到指定奖项对应的球洞中。体验该功能，可在游戏测试页右侧选项区进行如下的设置：

本文试着介绍游戏的这个「掉落至指定球洞」的功能，讲的偏思路，并不涉及公式和代码，我尽可能直白，如果你觉得晦涩，可以在评论处我们接着探讨。在继续之前，为了表达上的方便，我将对游戏在视觉上进行如下图的划分：

查看全文...

随机数是统计学领域的一个重要概念，对于游戏来说同样意义非凡，用好随机数，可以使你的游戏更真实、更人性、富有魅力。

查看全文...

直到上个月初，内部要做个 xx 平台，平台上的表单功能有些繁琐，所有表单域都是根据配置项动态渲染出来的，验证、联动什么的也都是配置。初步判断用 Angular 的指令和双向数据绑定可以很好满足，不过后来并没有直接用上 Angular，具体原因就不在这儿展开了。

查看全文...

查看全文...

这里下载（含 windows/mac/linux 三个平台的版本）

2013-06-64: PS 修改了链接，多谢光宇同学反馈

查看全文...

偶然间，发现 HTML5 的 <a> 标签有了一个新属性，叫 download，取值是一个文件名，当一个带有 download 属性的 <a> 链接被点击时，其形为不再是一个网页跳转，而变成将目标以指定的文件名另存到本地，兼容性还不错的样子。

<a> 的 href 值是可以随便改的，也就是说要另存的文件内容可以通过 JS 的方式轻松生成，对其指定一个 DataURI 就可以决定要保存的文件内容了，配合 Base64，甚至可以产生一个二进制文件！

原理简单，实现无比容易，就不在这儿贴代码了，戳我可以看看 live demo。

查看全文...