今天完成：

1、任务十一、任务十二

明天计划：

1、完成任务十三

2、总结已经学习的

遇到的问题：

1、手机端 body{overflow:hidden}不生效

html, body {

            height: 100%;

            overflow: hidden;

            -webkit-overflow-scrolling: touch;

        }

Mark一下，明天看

2、$top:top;

 @mixin fixedPosition($topOrBottom){

       position: fixed;

       left: 0;

       $topOrBottom:0;

   }

   @include fixedPosition($top);

Sass只能定义变量值……

不能定义变量名……

收获：

1、#box>a{

             display: none;

          }

          #box>a:first-of-type{

             display: block;

          }

          #box>a:target{

             display: none;

          }

          #box>a:target+a{

             display: block;

          }

<a href="#a" id="a"><p>1</p>

   　　</a>

      <a href="#b"  id="b"><p>2</p>

   　　</a>

这行代码貌似可以获取前面的元素，先mark一下……

2、任务十三开始了初步的组件化

组件化思想（分而治之）：这种开发的思想其实也就是分而治之（最重要的架构思想），页面逻辑过于复杂，便将页面分为很多个业务组件模块分而治之，这样的话维护人员每次只需要改动对应的模块即可，以达到最大程度的降低开发难度与维护成本的效果，所以现在比较好的框架都会对组件化作一定程度的实现。

3、使用CSS框架的好处：

（1）开发效率的提高。

（2）规范代码命名。

（3）更好的团队合作

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

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

使用CSS框架的弊端：

（1）需要完全的理解整套框

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

（3）限制开发思

（4）臃肿的源代

（5）框架的语义化

4首先是了解了组件和模块化的概念。

什么是模块化，

在百度百科上的解释是，在系统的结构中，模块是可组合、分解和更换的单元。

模块是页面上数量最多，同时也是最重要的部分，它是代码复用的主体部分，是一个个按照功能划分的区域，如导航栏、轮播图、登录窗口、信息列表等等，模块之间相互独立，分布在页面上，嵌在框架的各个位置上，组成一个丰富多彩的页面。

模块化是一种处理复杂系统分解成为更好的可管理模块的方式。

它可以通过在不同组件设定不同的功能，把一个问题分解成多个小的独立、互相作用的组件，来处理复杂、大型的软件。

模块化，就是类似于拼图一样，将大图分成各个小图，然后把小图拼成大图，拆分后组合。

那么css模块化思想，也就是在css编写环境中，用上模块化的思想，把一个大的项目，分解成独立的组件，不同的组件负责不同的功能，最后把模块组装。

而组件化则是将具体的样式拆分出来，比模块更细致的样式展现。