今天完成的事情：

1、修改以前的代码，看JS相关的内容；

2、听胡思豪讲垂直居中；

明天计划的事情：

继续任务4，看JS方面的知识

继续任务

遇到的问题：

听胡思豪讲垂直居中，学会了集中新方法。主要是button法和writing-mode法实现垂直居中。因为button里面的元素本来默认就是垂直居中的，所以做垂直居中比较方便。但是，这样会破坏代码本省的语义化，看起来很别扭。而writing-mode本来是把文字从水平变成竖直显示，当然除此之外还有其他的作用。通过把元素有横向显示变成纵向显示，这时就可以在垂直方向设置margin值为auto就可以做到垂直剧中了。当然，这几种方法都比较偏门，还是掌握一些主流的方法才是王道。

今天自己看了一些关于JS方面的知识，学会了，不用<a>标签来实现元素的链接跳转。例如，点击button实现跳转可以这样写：

<button onclick="location.href='#'"></button>,其中#表示需要跳转的链接路径。

仔细比较了Javascript中for……in和for……of语句。其中for……in是用来遍历元素对象的属性，而for……of是用来遍历元素对象的属性值。例如：

var obj = {a:1, b:2, c:3}; 

 for (var prop in obj) { 

 console.log("obj." + prop + " = " + obj[prop]); 

} // 输出: // "obj.a = 1" // "obj.b = 2" // "obj.c = 3"

for……of：

let iterable = [10, 20, 30]; 

 for (let value of iterable) { 

 console.log(value); 

} // 10 // 20 // 30

详情可以参照这篇帖子：http://www.webhek.com/javascript-loop-foreach-for-in-for-of

今天最大的收获，感觉还是学习了逻辑运算符的高级用法，

这是链接：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Logical_Operators

通过上面的例子，相信大家也看明白了，可以用这种短路的方法，替换代码中的if……else语句，以减少代码量。另外，我们还可以用多重短路的方法，实现多重if……else if语句。

收获：

1、听胡思豪讲垂直居中，学到一些新的方法；

2.学会了逻辑短路法实现替换if……else语句的妙方法。