Canvas在刚推出时主打的优势就是更快的渲染速度，刷新了人们对Web页面元素绘制速度的印象，但Canvas的优势却不仅限于此。

Javascript将字符串转换成整型哈希值（Hash），然后就可以使用这些哈希值来做一些处理了。 代码如下： 调用方式：

翻译是弹框形式的，不会改变文本流信息。 getRangeAt 返回一个包含当前选区内容的区域对象，document.getSelection().getRangeAt(0)获取到选中文本第一个字的信息。再通过getBoundingClientRect获取到元素的大小和位置信息，…

今年国庆假期终于可以憋在家里了不用出门了，不用出去看后脑了，真的是一种享受。这么好的光阴怎么浪费，睡觉、吃饭、打豆豆这怎么可能（耍多了也烦），完全不符合我们程序员的作风，赶紧起来把文章写完。 这篇文章比较基础，在国庆期间的业余时间写的，这几天又完善了下，力求把更多的前端所涉及到…

使用的html加js写的，可以封装成组件，简单的金币收集动画...........................

迭代器模式提供一种方法顺序访问一个聚合对象中的各个元素，而又不暴露该对象的内部表示。内部迭代器与外部迭代器

策略模式：定义一系列的算法（这些算法目标一致），把它们一个个封装起来，并且使它们可以相互替换。表单验证

模板方法模式：只需要使用集成就能实现。由两部分组成：抽象父类 + 具体的实现子类。 假如我们有许多平行的类，各个类之间有许多相同的行为，也有部分不同的行为。如果各位都定义自己所有的行为，那么会出现很多重复的方法。此时可以将相同的行为搬移到另外一个单一的地方，模板方法模式就是为了…

通常又被称为 发布-订阅者模式 或 消息机制，它定义了对象间的一种一对多的依赖关系，只要当一个对象的状态发生改变时，所有依赖于它的对象都得到通知并被自动更新，解决了主体对象与观察者之间功能的耦合，即一个对象状态改变给其他对象通知的问题。 这样是不是清晰了很多~诸如此类的案例还有…