chaojidan

摘要： 大家应该都知道，如果一个页面运行的定时器很多，无论你怎么优化，最后肯定会超过指定时间才能完成动画。定时器越多，延时越严重。为此，YUI，kissy等采用中央队列的方式，将定时器减少至一个。浏览器厂商也因此原生支持了requestAnimationFrame方法，此方法基本上能保证每秒刷新60次。但是... 阅读全文

摘要： Backbone是一个实现了web前端mvc模式的js框架。一种解决问题的通用方法，我们叫做模式。设计模式：工厂模式，适配器模式，观察者模式等，推荐js设计模式这本书。设计模式是一种思想。框架模式：MVC，MVP，MVVM等。框架模式是开发项目的一种方案。MVC指的是什么？M：model（模型），V... 阅读全文

摘要： 本课将通过源码分析的形式，来教大家如何实现一个动画引擎的模块。我们先来看一个使用CSS3实现动画倒带的例子：.animate { //这个animate类名加在上面的那个方块元素中，这个类名也可以是其他名字，比如:.move，只要设置的是那个方块元素就OK了。 animation-duration... 阅读全文

摘要： placeholder插件是用来实现input或者textarea文本框显示默认文字的功能，当获得焦点时，默认文字消失。用户按删除键，把输入的字符删除掉，并失去焦点时，默认文字又出现等功能。使用此插件，只需要$("input").placeholder();这input元素，必须有placehold... 阅读全文

摘要： js里面最简单的动画原理：在setTimeout或setInterval定时器中，每隔20-30ms改变元素的样式，于是就有了动画。比如：改变宽高，就叫缩放；改变坐标，就叫做位移；改变坐标轴，就叫旋转；改变透明度，就叫做淡入淡出。css3中有一个transform样式，它的值可以是rotate()旋... 阅读全文

摘要： 这一课，我们将讲解val方法，以及对value属性的兼容性处理，jQuery中通过valHooks对象来处理。首先，我们先来看下val方法的使用：$("#input1").val() //获取input元素的value属性值$("#input1").val("hello") //设置inpu... 阅读全文

摘要： 这一课，我们将继续讲解jQuery对元素属性操作的方法。首先，我们先看一下这几个方法是如何使用的：$("#div1").addClass("box1 box2"); //给元素div的class属性添加box1和box2$("#div1").removeClass("box1"); //删除... 阅读全文

摘要： 本课主要教大家如何书写一个完整的ajax模块，讲解的代码主要跟ajax有关，而jQuery的ajax模块添加了Deferred异步编程的机制，因此对ajax的理解难度增大，还是忽略掉。但是我要讲解的代码跟jQuery的ajax模块思路是一样的，只是没有加入Deferred异步编程的思想，这样更有利于... 阅读全文

摘要： 一个完整的Ajax请求：var xhr = new (self.XMLHttpRequest || ActiveXObject)("Microsoft.XMLHTTP"); //new XMLHttpRequest()传入参数不影响。xhr.onreadystatechange = functio... 阅读全文

摘要： 上一课主要分析了jQuery1.51版本的jQuery Deferred。在jQuery1.6中，jQuery Deferred添加了两个方法，always，pipe。always用来添加回调，无论成功还是失败，都会执行。pipe就是管道的意思，对回调使用瀑布模型，上一个回调的返回值供下一个会调使用... 阅读全文