摘要：
做Canvas应用的开发，可能会碰到需要使画面模糊的需求。 容易想到三种方式： 1、半透明模糊 PNG 覆盖的方式，这种方式简单易行，但是不能灵活控制模糊程度。 2、CSS方式，比如用-webkit-filter:blur(10px); 的形式，也极其简单，可... 阅读全文
摘要：
var a=0,b=-0; // +0 and -0alert(a === b); //truealert(1/a === 1/b); //false 遇到这个问题，竟一时想不出答案。 这是我看了这篇A Collection of JavaScript Got... 阅读全文
摘要：
现有这样一段HTML： a1 b1 c1 a2 b2 c2 现在用js去查找元素 jQuery $('div .a, div .b, div .c',$('#div1')) Si... 阅读全文
摘要：
一个应用场景是，点击一条路径，显示该路径的控制点。因为有transform变形( 平移、缩放、倾斜、旋转等变换)，所以获取变形后的新坐标需要计算。 纯数学的方法，就是用2D变换矩阵的一些公式去运算，过程稍微有点复杂。 不过好在SVG已经提供了丰富的API将一些... 阅读全文
摘要：
灵感源于一不小心挖了一个陈年老贴etherdream发的《【分享】魔兽技能冷却效果（希望能有更好的思路）》的坟，看他的代码太长（约200行），于是自己动手写了一个，也就20多行代码，效果也还不错，点这里看DEMO(1)。 etherdream的原理是使用bor... 阅读全文
摘要：
关于这个游戏，网上搜到的资料很少，不过百度百科里倒是有，规则说的也还算全面，我就抄下来。而且正在计划与xiaole，jerrod用HTML5/Javascript制作出这个游戏. 将会尝试使用websocket来实现通讯。应该说这个游戏的逻辑相当简单，不过还是... 阅读全文
摘要：
制表符常用来表示代码缩进，制表符的宽度的设置，对于任何一款代码编辑器来说都是很必须的功能。 在浏览器中展示代码的时候，通常我们只能将TAB替换为4个空格来显示，因为默认的TAB太宽了。 W3C的CSS3草案中已有关于TAB宽度的设定，在这里。 高兴的是，Fi... 阅读全文
摘要：
如果在HTML5支持好的浏览器中，可以看到用svg绘制的路径线。 在所有浏览器中，均可以看到一个小方块沿着贝塞尔曲线路径来回运动。 效果图： 主要代码： svg 阅读全文
摘要：
贝塞尔曲线是我们大陆的叫法，英文名是Bézier Curve，港澳台称为貝茲曲線，新加坡马来西亚称为贝济埃曲线。 先看一下效果图： 点击这里查看动画效果 维基百科中的贝塞尔曲线条目中的几个GIF动画很漂亮，顺路贴上来。 核心Javscript代... 阅读全文
摘要：
这里简短记录一下WEB前端开发中的性能调试工具。 当然，这些工具本身的功能一般都超出了性能调试的范围，有很多其它的好功能，记录下工具的名称随时可以方便搜索了。还有两款是易用性检测工具，严格的讲不属于性能调试工具。 1. Firebug + YSlow + ... 阅读全文