一、今天完成的任务：

1，完成任务七第二个页面的重构，复习层次的有关知识。

2，抽空看了一下js的知识。（推荐W3Cfuns_JavaScript_DOM编程艺术第二版。从起源到基础应用，讲的非常之详细）

二、遇到的问题：

1，在重构页面的时候遇到一个有关层次的问题。其实也不算是问题，就是自己经常不用，把层次的问题忘的差不多了。今天又复习了一下。

问题如图所示：

箭头所指的淡蓝色的下三角，相信大家基本上都是通过CSS绘制出来的。那么如何让三角覆盖下面的div盒子呢！刚开始因为忘记了层次的知识，把三角设在了下面盒子的外面。所以根据层次“后来居上”的关系，把三角覆盖掉了。

解决方法：

 1）把三角设置在盒子内，利用子元素比父元素高一个级别的层次关系。

 2）给三角设置定位属性  并设置z-index值。

2，看了一下师兄分享的有关js的PPT以及小课堂视频，基本上是明白了什么引用、运算、语法、布尔值、数组、关联数组、以及对象等。。。但是还是总感觉有点懵...看了下js任务1，虽然js的知识点基本上都懂了，但是还是有无从下手的感觉啊，不知道该怎么了写......没有头绪。 

三、收获：

1，最大的收获就是了解js的知识吧，因为只是看了前两张，所以并没有遇到什么大的难题，基本上稍微深度思考一下就能想明白了，但是到了晚上的时候，感觉自己又忘完了...看来实践才能更好记住知识。唯一记得比较有趣的一个就是字符串里单引号和双引号的运用。

在字符串中，使用单引号或者双引号都是可以的。如果你的字符串包含单引号，就需要把你整个字符串放在双引号内，如果你的字符串内包含双引号，则需要把你的整个字符串放在单引号内。

2，如果说我们出现相同的引号，比如带单引号的字符串放在单引号内怎么办呢？这时候我们就需要一个转义符号反斜线：“\”例如：

var cood = 'dont\'t ask'；

类似的双引号来包裹一个本身就包含双引号的字符串，如下：

var height = "about 5'10\" tall"

四、明天的计划：

一边拆分修真院官网组件，编写自己的组件库，一边抽空查看有关js的资料！