任务进展：

       1：完成任务8页面样式拆分。

       2：用css实现了首页响应式导航栏效果。

       2：使用css动画实现了首页导航下方区域的基本轮播效果，并加入圆点点击控制显示效果。

       3：学习了JS变量、作用域和内存知识。

遇到问题：

       1：将任务8的页面的样式拆分为四部分：重置样式（浏览器页面基础设置），公共组件（三个页面公用的组件，如header，导航栏，网站信息，footer），公用样式（重复使用，使用原子类），主体样式（元素自定义样式），以文件形式引入页面使用。

       2：使用基本方法写导航栏布局，在屏幕宽度缩小到一定值时，将导航ul隐藏，显示汉堡按钮，点击汉堡按钮下方显示ul。遇到问题是按钮列表只响应active显示，鼠标松开列表便消失，是否这个动作也需要用JS来实现？

       3：实现首页区域轮播，在加入圆点自动轮播时，其与背景图轮播不同步，而且会逐步累积误差时间，不懂该如何操作。师兄说轮播要在学习了本任务JS相关内容后实现，则此部分先搁置，先学习JS和写任务其余部分。

       4：学习JS内容，重点是JS与其他语言的不同之处。JS可以为引用类型变量的值动态地添加属性。JS中所有函数的参数都是按值传递，从一个变量向另一个变量复制引用类型的值，复制的其实是指针，因此两个变量最终都会指向同一个对象。JS使用typeof检测基本数据类型，使用instanceof检测对象类型。JS为执行环境创建与之关联的变量对象，当代码在环境中执行时，会创建变量对象的作用域链，保证对执行环境有权访问的所有变量和函数的有序访问。标识符解析是沿着作用域链一级一级搜索标识符的过程。JS没有块级作用域，代码块中的变量声明在使用完后不会被销毁，而是添加到当前的执行环境中，使用for语句需注意这一点。

明日计划：

       1：不使用bootstrap书写页面的响应式组件。

       2：学习JS。

收获：

       通过写代码发现页面许多动作都要用到JS实现，与之相比，单纯的静态网页只能适应简单缩放和一些基本鼠标动作，而且代码量大，效率低。今天审核了两位师弟的任务一，评了其日报，在与师弟交流的过程中，指出其问题并讲解，巩固了自己所学。