滚动
scrollTop
元素的scrollTop值是对元素顶部到其最顶部可见内容的距离的度量。
获取数据的加锁问题
- 设置一个全局变量isLoading,默认为flase
- 在ajax获取里面判断isLoading是否为true,如果是则直接返回
- 在判断完成后设置isLoading为true
- 在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
}
节流函数
- 设置全局变量clock
- 如果clock的值不为undefined,那么就会清除计时器
if(clock){
clearTimeout(clock)
}
- 给clock设置一个定时器,直到完成这个定时器的时候才可以去执行这个函数
clock = setTimeOut(function(){
//输入你的代码
},3000)
制造页面2的代码复用问题
- 代码的复用
- 加锁问题
- index需要新的变量
### outline
设置一个元素的不同的轮廓属性
show
show(400)
确定动画运行时间的字符串或数字。
默认:数字或者字符串
回调函数callback
举个例子,A和B两个人,中间有个盒子,先把盒子给A,A在盒子里面放了一个鸡蛋,然后把盒子给B
209到210行那个函数就是那个盒子,一个函数把盒子传给另外一个函数,另一个函数在盒子里放了一个鸡蛋,然后再传回给原来的函数
### $().append()
将参数指定的内容插入到匹配元素集中每个元素的末尾。
index()
从匹配的元素中搜索给定元素。
创建元素
只需把DOM字符串传入$方法即可返回一个jQuery对象
修改元素的属性
.attr
若想让手机也可以看到加载的图片,那么需要添加下列代码
<meta name="referrer" content="never">
项目连接:
豆瓣电影