今天完成的事情：

给任务12增加媒体查询，提交任务

学习百度fex团队的关于less的est库

明天计划的事情：

实现头部和底部公共部分

遇到的问题：

nginx无法启动，出现下面的错误提示，网络上找不到完整的解决方法，重启电脑也没用

the event "ngx_master_6580" was not signaled for 5s

最后在Java首席韩亚博指导下成功启动，虽然不知道具体原因。

收获：

est库对于less实现了多数功能，虽然两年没有更新了，对于很多功能的实现具有借鉴意义，同时对于样式拆分和功能分类比较细致的划分。下面是mixin主要分类。

 variables normalize reset compatibility util typography grid layout effects shapes clockhand

任务14

开始时间：5.27

预计结束时间：6.3

http://task.jnshu.com/zentao/project-task-629.html

任务名称：CSS=TASK13

成果链接：https://chenzl90.github.io/demo-jnshu/task13/index.html

任务耗时：5.17-5.27 10天 请假1天延期5天

技能脑图：

官方脑图

任务总结：

1. 1. 任务进度延期5天
      这个任务没有太大难度，前期对于组件和架构不理解停留几天，后面完成页面采用flex布局不熟练，再次调整代码。
   2. 脑图对比分析
      任务13主要是样式组件化，任务本身重做页面不需要拓展。
   3. 任务中遇到哪些疑难问题，最终是如何解决的，有哪些值得分享的收获
      （对于任务总结应该更多的描述出任务所走的弯路以及遇到的困难，不应鼓励将知识点无脑的堆砌在总结之中）
      1 样式组件化和css架构没有找到详细的解释，只能产生大致的印象，等待经验丰富之后的理解，还可以通过bootstrap等库来简单了解组件化的实现
      2 flex布局不熟悉，在使用中对于align-content 和 align-items 及 width 和 flex-basis 之间产生困惑，看过文章和使用之后才理解它们之间的区别
      3 对于vw单位的误用，自己没有提前想好，使用之后才发现vw单位存在隐患，最后只能重新设置样式。