发表于: 2017-06-21 23:29:21
2 937
今天完成的事情:
萝卜多复盘项目性能测试,ui自检,codereview修改;
明天的计划:
demo通过,微信小程序小课堂准备;
遇到的问题:
1 如何使用console进行性能测试?
①time timeEnd:计算程序的执行时间
可以将成对的console.time()和console.timeEnd()之间代码的运行时间输出到控制台上;
console.time('计时器');
for (var i = 0; i < 1000; i++) {
for (var j = 0; j < 1000; j++) {}
}
console.timeEnd('计时器');
以上代码计算console.time('计时器');和console.timeEnd('计时器');之间的代码块所需要的事件。
②profile:使用console测试程序性能
控制台以及console.profile()方法可以很方便地监控运行性能。
function parent() {
for (var i = 0; i < 10000; i++) {
childA()
}
}
function childA(j) {
for (var i = 0; i < j; i++) {}
}
console.profile('性能分析');
parent();
console.profileEnd();
2 css不规范。
①声明顺序:
相关的属性声明应当归为一组,并按照下面的顺序排列:
Positioning
Box model
Typographic
Visual
由于定位(positioning)可以从正常的文档流中移除元素,并且还能覆盖盒模型(box model)相关的样式,因此排在首位。盒模型排在第二位,因为它决定了组件的尺寸和位置。
其他属性只是影响组件的内部(inside)或者是不影响前两组属性,因此排在后面。
②媒体查询(Media query)的位置
将媒体查询放在尽可能相关规则的附近。不要将他们打包放在一个单一样式文件中或者放在文档底部。
收获:以上
评论