今天完成的事情：

            完成js3  ，实现点击变化，身份变化，根据不同身份判断，显示不同身份头像，

                复查小课堂

明天计划的事情：

开始js4.看红宝书

遇到的问题：

点击身份不变化，头像不变化，===写成了=，等于判断写成了赋值了

收获：

进一步了解了，js，熟悉了js'书写，逻辑判断，通过  console。log调试，查错。

学会通过js向html中添加标签，文本，css样式等，

顾配如  css-task-13-任务总结

任务耗时：2018.05.15-2018.05.17  3天

任务耗时3天，预期内完成。

重构之前的页面，

成果链接：http://gpr666.top/task13/task13.html

官网脑图

任务脑图:

任务十三的是不用bootstrap重新写之前的页面，加入侧滑导航栏，还要样式重置，样式拆分，公共样式设置等等，任务没什么难度，

利用sass的特性，设置共用样式，如头部，然后@import引用；以及嵌套，继承，省了大量代码量。进一步熟悉sass操作。

利用checkbox特性，利用width：0  到width：100px来实现侧滑导航栏，和下滑导航栏一个道理。

进一步优化代码，代码规范，简洁明了。

使用CSS框架的好处：

1、开发效率的提高。

2、规范代码命名。

3、更好的团队合作

4、 解决浏览器的兼容性问题

5、一套完整的、结构清晰的结构代码。

使用CSS框架的弊端：

1、你需要完全的理解整套框

2、你会延续一些框架中的错误bu

3、限制开发思

4、臃肿的源代

5、框架的语义化