2011年5月13日
javascript动画、运动算法详细解释与分析 （二、javascript动画 时间精度问题）
摘要： 三、时间精度问题 首先我们必须知道出现时间精度问题的原因。 如果你对javascript单线程机制不太熟悉，或者对setInterval、setTimeOut函数执行机制不太理解，希望你能先看一下这篇文章：How JavaScript Timers Work [Copy]。然后你可以看一下这篇文章http://icolin.org/javascript/settimeout-bug-in-ie-... 阅读全文
posted @ 2011-05-13 19:57 像阳光一样 阅读(2526) 评论(5) 推荐(3) 编辑
javascript动画、运动算法详细解释与分析 （一、Tween 运动算法学习笔记）
摘要： 现在网上有很多javascript特效，这些特效最大的特点就是“会动”，也就是动画效果。实际上近年来使用javascript在网页中实现动画已经成为一种趋势，而前几年在网页动画领域相当风骚的Flash今年来也稍显低调。毕竟作为富客户端程序，Flash对于目前让人纠结的带宽来说还是稍显笨重了点儿，而且Flash必须要有插件支持。但javascript这种客户端脚本语言却可以只占用相当少的空间而且不... 阅读全文
posted @ 2011-05-13 01:11 像阳光一样 阅读(4773) 评论(3) 推荐(6) 编辑
2011年5月12日
How JavaScript Timers Work [Copy]
摘要： 转载这篇文章的原因是它解释了setTimeout和setInterval之间的区别，对于这篇文章，博客园有位朋友进行了翻译，网址如下：http://www.cnblogs.com/rainman/archive/2008/12/26/1363321.html 翻译内容为： How JavaScript Timers Work从基础的层面来讲，理解JavaScript的定时器是如何工作的是非常重要的。计时器的执行常常和我们的直观想象不同，那是因为JavaScript引擎是单线程的。我们先来认识一下下面三个函数是如何控制计时器的。 var id = setTimeout(fn, delay);- 阅读全文
posted @ 2011-05-12 16:01 像阳光一样 阅读(1177) 评论(0) 推荐(0) 编辑
2011年5月9日
javascript 继承、子类化
摘要： javascript实现面向对象时，并没有类似于java、c++的严格的类层次结构。所以想实现继承，也不能通过extend等方式实现。不过javascript提供的原型链表机制可以很好的完成这一工作，实现继承机制。继承的思想宽松点说就是子类继承父类的属性和方法，并且隐藏父类的同名属性或方法。在javascript中实现该机制并不难，只不过比较粗糙一点，看下面的例子。 1: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DT 阅读全文
posted @ 2011-05-09 15:44 像阳光一样 阅读(542) 评论(0) 推荐(0) 编辑
javascript 类属性、类方法、类实例、实例属性、实例方法、prototype、__proto__ 测试与小结
摘要： 1: <script> 2: function Circle( radius ){ 3: this.r = radius; 4: this.des = "圆形"; 5: 6: this.showInfo = function(){ 7: alert("这是一个"+this.des); 8: 9: } 10: } 11: 12: function Circle_area(r){ return Circle.PI*this.r*this.r; } 13: 14: function Circle_perimeter(r){ return 2*Cir 阅读全文
posted @ 2011-05-09 15:05 像阳光一样 阅读(11527) 评论(12) 推荐(6) 编辑
2011年4月11日
解决各种javascript类库冲突的办法
摘要： 今天再次碰到prototype类库源码和jQuery类库源码的冲突问题。问题背景： 项目中已经大量引入了jQuery代码，所以如果使用conflict的方法的话，势必需要做大量的修改源码工作。 要加入的原生代码或者类库代码很少（片段）解决思路：因为jQuery类库是在全局对象的基础上创建的，也就是在全局对象的原型链上创建的，所以我们只需要改变原生代码或类库代码片段的原型链（域），就可以了。示例： 下面这是一段prototype类库的代码，如果和jQuery同时使用，会出现冲突现象。 1: <script> 2: 3: var isIE = (document.all) ? true 阅读全文
posted @ 2011-04-11 18:37 像阳光一样 阅读(552) 评论(0) 推荐(0) 编辑
2011年4月1日
目前全球最短的判断IE的代码
摘要： var ie = !-[1,] IE和标准浏览器对待数组对象的toString()方法时，存在是否剔除","的差异，IE不会剔除 [1,] IE返回 1, , FF返回 1 -[1,] IE返回 NaN , FF返回-1 !-[1,] IE返回 true , FF返回 false 结束 阅读全文
posted @ 2011-04-01 23:06 像阳光一样 阅读(298) 评论(1) 推荐(0) 编辑