Safari for Mobile中使用触控操作，传统的鼠标事件无法完全支持，比如没有mousemove, dblclick事件，要想灵活处理交互，可以通过监听TouchEvent和GestureEvent，下面是各个事件调用顺序的介绍： 保留的mouse事件 safari mobile中也保留有部分鼠标事件，如：mousedown/mouseup/mouseover/moouseout/mouseclick, 当然这些事件本身还是由touch事件开始触发的，准确的说只在单点触摸时触发，且在touch事件之后。 四种touch事件 touchstart, touchmove, touchend, touchcancel，分别表示触 …
阅读更多JavaScript中存在两种等价操作符：相等"==“和全等”==="，前者对不同类型（比如String与Object）也可作等价判断，后者则必须要求类型相同，此外JavaScript中的任何对象都可以判断是非，也就是转换成boolean基本类型，这些都是ECMAScript语言（包括JavaScript）的基础 JavaScript中的四种基本类型 number, string, boolean, object 等价判断首先会判断对象类型，对于全等操作符，类型不一时，直接返回false，而对于相等"==“操作符则会按特定的规则，转换成number, string, …
阅读更多数学工具网站 推荐一个数学工具网站：数学工具（http://zh.numberempire.com） 导数，不定积分，方程求解，以前只能通过纸和笔，手工去运算，费劲费纸，结果还容易出错，后来发现这个网站，帮了我大忙，虽然有些高次的积分无法分解，反函数求解似乎也存在些问题，但基本的运算还是良好的 下面是一个方程求解的例子 示例：直线与贝塞尔曲线交点 直线公式 ax + b = cy 二次贝塞尔曲线公式 (1-t)^2*P0+2*t*(1-t)*P1+t^2*P2 分解到x，y，并将P0，P1，P2分别用A,B,C和D,E,F来表示 x = (1-t)^2*A+2*t*(1-t)*B+t^2*C y = …
阅读更多Extjs的类继承——$.extend Extjs是比较早期的web企业组件，代表了面向对象编程思想在js中的实践，其中最基本的就是类的继承，通过对prototype和constructor的复制和设置实现，但实现代码并不是那么容易，看过extjs的extend代码就会明白其难度，没有相当js经验很难看懂，当年看这块儿费了不少精力，后来考虑到版权问题，以及代码简化的需要，自己实现相关功能，经历几番修改才得以稳定 下面是最简化的实现，以及测试例子，当然这个实现存在些问题，比如对于javascript 1.8中的get set不支持，需要自行改造 function extend(sb, sp) { var sbp = …
阅读更多初次访问famo.us，被他的动画和交互效果所震撼，研究过其代码后，发现用到三种技术：matrix3d变换，requestAnimationFrame实现动画，以及物理运动引擎，单从技术上看三者都不难实现，但事物表面背后往往隐藏深意，famo.us的由来和目标却是野心勃勃。 创始人为web apps性能低下困扰已久，后受到Twitter Bootstrap的启发，试图提供一种用于开发本地级运行效率的web app框架，什么Sencha touch, jQuery Mobile等都是低效的代名词，这些为website而生的东西不适合复杂的web apps应用，应绕开浏览器固有的一些缺陷（document 渲染机制，CSS3导致的性能问 …
阅读更多JavaScript模板
原文：https://developer.mozilla.org/en-US/docs/JavaScript_templates 补充说明：原文列举了不少模板方案，但很多都已经不再维护或者久未更新，此外他所说的标准可能是mozilla自己的标准，而非w3c的标准，我简单试用了一些，感觉 PURE 方案还不错，此外大家还可以参阅这里的推荐：http://stackoverflow.com/questions/7788611/what-javascript-template-engines-you-recommend 除（Firefox）自带的XUL模板系统外，还可以使用JavaScript模板，这种方法也可以实现内容格式与结构的分 …
阅读更多通过JavaScript访问和修改CSS3动画
原文：Accessing & Modifying CSS3 Animations with Javascript By Joe 昨天Chris Heilmann在Mozilla博客上写了篇关于使用javascript查找和生成CSS动画的文章，文中用了我的一个小例子，详细的说明了代码访问css动画的相关技术 Chris最后写道： 我希望用一个CSSAnimations集合类，通过json或者string存放不同的动画，并使用他们的名字作为key，这样，可以动态的创建一个新的css rule，并添加到document或者rule集合中（以保证跨浏览器），思考中 听起来是个好主意，所以我写了一段JavaScript代码来实现 …
阅读更多很久没有更新日志了，乘着夜色休息前的一点时间，记下一些关于CSS的东西，比如长度单位，字体大小，文字高度等。 CSS中的尺寸单位 CSS中的长度单位很多种：cm, mm, em, pt, px …其中“px”也就是像素用处最多。这些单位分两种类型，一种是绝对长度，或者称为“真实长度”，比如厘米，毫米，英寸，这些都是物理学中标准的长度单位，在打印文档时有重要意义，因为你设置多大尺寸，打印出来就是真实的尺寸，但对于电脑屏幕来说，这些所谓的“真实长度”也并非真实的长度，你可以用尺子对着电脑屏幕测量，一个10cm宽度的div通常不会是10cm，如果你问我到底有多长，我会告诉你电脑中的“10cm”约等于378像素，至于这378个 …
阅读更多