发表于: 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)的位置

将媒体查询放在尽可能相关规则的附近。不要将他们打包放在一个单一样式文件中或者放在文档底部。


收获:以上



返回列表 返回列表
评论

    分享到