今天完成的事情：

萝卜多复盘项目性能测试，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）的位置

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

收获：以上