发表于: 2016-12-28 23:40:52
2 1630
今天完成的事:
1,修改官网班级数字跳动BUG
2,修改手机上官网右侧出现空白BUG
明天计划的事:
1,开始做修真院10期
2,刷jquery书
遇到的问题:
1,在使用bootstrap时,没有添加container类,<div class="row"></div>宽度多了30px,对body添加over-flow-x:hidden;属性,在电脑端显示正常,但在手机上向左滑动时,右端会出现空白
解决办法:去掉ver-flow-x:hidden;并为row设置:margin-left:0px;margin-right:0px;为col-md-6设置padding-left:0px;padding-right:0px;
2,发现自己写js都是按照自己的逻辑来写的,代码显得冗杂和不规范,让师姐帮忙改了几次了,貌似只有多仿照下师姐写的代码慢慢纠正了
收获:
1,了解了clientHeight、offsetHeight、scrollHeight
1)clientHeight是内容可视区域的高度,即说页面浏览器中可以看到内容的这个区域的高度,一般是最后一个工具条以下到状态栏以上的这个区域,与页面内容无关
2) offsetHeight = clientHeight + 滚动条 + 边框
3)crollHeight 是网页内容实际高度,可以小于 clientHeight
2,学习了师姐调用同类函数的方法:
function loopNum(num1, num2, num, fn) {
if (num1 + num < num2) {
num1 = num1 + num;
} else {
num1 = num2;
if (typeof fn == "function") {
$interval.cancel(fn)}
}
return num1
}
function getNum() {
var getClassNum = $interval(function () {
vm.classNum = loopNum(vm.classNum, vm.classCount, 1, getClassNum)
}, 1);
var getUserNum = $interval(function () {
vm.userNum = loopNum(vm.userNum, vm.userCount, 30, getUserNum)
}, 1);
}
评论