发表于: 2016-12-27 23:26:02
1 1566
今天完成的事:
1,修改修真院8期bug
2,修真院首页数字变化
明天计划的事:
1,预计开始做10期
2,刷一波jquery
遇到的问题:
1,修真院8期首页班级数字在测试环境显示正常,线上显示为0,
原因:js代码存在漏洞,
解决方法:
vm.loopNum=function(){
if( vm.classCount<res.data.classCount){
vm.classCount=vm.classCount+Math.floor(res.data.classCount/20);
}else{
vm.classCount=res.data.classCount;
}
if(vm.classCount==res.data.classCount){
$interval.cancel(vm.classNum);}
};
收获:
1,函数只执行一次:
1)jquery的one()方法:
$(document).one('keyup',handler);
$('#start').one('click',handler);
2)添加变量开关,初值0,执行后赋值1
2,animate() 方法:(selector).animate({styles},{options})
styles 必需,规定产生动画效果的一个或多个 CSS 属性/值(同上);options可选。规定动画的额外选项。
options可能的值:
speed - 设置动画的速度
easing - 规定要使用的 easing 函数
callback - 规定动画完成之后要执行的函数
step - 规定动画的每一步完成之后要执行的函数
queue - 布尔值。指示是否在效果队列中放置动画。如果为 false,则动画将立即开始。
specialEasing - 来自 styles 参数的一个或多个 CSS 属性的映射,以及它们的对应 easing 函数
例:
function startAnimation(){
div.animate({height:300},255);
div.animate({width:300},"slow","easeOutExpo");
div.css("background-color","blue");
div.animate({height:100},"slow");
div.animate({width:100},"slow",startAnimation);
}
3,滚动条滚动一定距离后执行函数:
window.onscroll=function(){
vm.yTop = document.documentElement.scrollTop || document.body.scrollTop;
vm.yTop=pageYOffset; }
4,Window pageXOffset 和 pageYOffset 属性:
定义和用法:pageXOffset 设置或返回当前页面相对于窗口显示区左上角的 X 位置。pageYOffset 设置或返回当前页面相对于窗口显示区左上角的 Y 位置。
语法:
window.pageXOffset
window.pageYOffset
评论