发表于: 2016-12-27 23:26:02

1 1565


今天完成的事:

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



返回列表 返回列表
评论

    分享到