今天完成的事情：

做了头部的部分和底部代码，但是汉堡菜单还是不会，

头部效果如下图：

底部效果如下图：

明天计划的事情：

1.明天把汉堡菜单和组件库再研究研究，争取写组件库；

2.用css写出栅格布局，实在不会在网上搜索，尽快完成任务。

遇到的问题：

1、汉堡菜单不会搞，也搜不出来，明天继续研究；

2、组件库不会引入，不会写，百度搜索全是引入，也是看不懂；

这些不会的是在搜索不出来问问师兄到底应该怎么解决。

收获：

组件化

组件化：组件化就好像我们的 PC 组装机一样，整个机器（应用）由不同的部件组成，例如显示器、主板、内存、显卡、硬盘等等。而自己组装的 PC 有这么几个好处：随意更换部件不会影响整个机器运作；当机器出了问题也可以通过快速插拔的方式定位问题；如果PC显卡或者是内存不够用时（兼容问题）可以单独更换显卡或者升级内存。

1.为何要组件化

大部分项目都是起源于各种奇特的需求，而随着业务发展，项目必然会衍生出更多同质化的项目，很多项目在基础层有许多的相似之处，而如果缺乏管理，将会有大量重复代码。于是一套底层的基础样式库去支撑各种项目，提升可用性和一致性就变得非常有必要，也更好维护。组件的本质就是一点：封装。

2.业务组件库

前端的组件库是百花齐放，现有的组件库已经非常强大。但是这些组件库的粒度是基于单个交互，而这些交互与产品之间还隔着业务场景。要解决组件与特定场景的关联依赖，就需要自行设计提供有效的业务组件库。

3.组件库设计思路

首先要保证各个组件的视觉风格和交互规范一致。具备足够的扩展性，对外提供控制权。因此主要考虑：

• 组件设计思路、需要解决的场景
• 组件代码规范
• 组件测试
• 组件维护