豆瓣电影

滚动

scrollTop

元素的scrollTop值是对元素顶部到其最顶部可见内容的距离的度量。

获取数据的加锁问题

1. 设置一个全局变量isLoading,默认为flase
2. 在ajax获取里面判断isLoading是否为true,如果是则直接返回
3. 在判断完成后设置isLoading为true
4. 在ajax执行完成以后设置isLoading为false

css3动画

动画
百分之0为0度
百分之百为360度

@keyframes roate {
	0% {transform: roate(0deg);}
	100% {transform: roate(360deg)}
}

linear 平缓的进行旋转 线性
infinite 无穷无休止的旋转 无穷
display: inline-block 如果设置为block的话会整个div进行旋转很夸张

.loading .iconfont {
	display: inline-block;
	animation: 1s rotate linear infinite
}

节流函数

1. 设置全局变量clock
2. 如果clock的值不为undefined，那么就会清除计时器

if(clock){
	clearTimeout(clock)
}

3. 给clock设置一个定时器，直到完成这个定时器的时候才可以去执行这个函数

clock = setTimeOut(function(){
	//输入你的代码
}，3000)

制造页面2的代码复用问题

1. 代码的复用
2. 加锁问题
3. index需要新的变量

###　outline
设置一个元素的不同的轮廓属性

show

show(400)

确定动画运行时间的字符串或数字。
默认:数字或者字符串

回调函数callback

举个例子，A和B两个人，中间有个盒子，先把盒子给A，A在盒子里面放了一个鸡蛋，然后把盒子给B
209到210行那个函数就是那个盒子，一个函数把盒子传给另外一个函数，另一个函数在盒子里放了一个鸡蛋，然后再传回给原来的函数

###　$().append()
将参数指定的内容插入到匹配元素集中每个元素的末尾。

index()

从匹配的元素中搜索给定元素。

创建元素

只需把DOM字符串传入$方法即可返回一个jQuery对象

修改元素的属性

.attr

若想让手机也可以看到加载的图片，那么需要添加下列代码

项目连接:
豆瓣电影