今天完成的事：

进行任务6-10

明天计划的事：

继续任务6-10

遇到的问题：

暂无

收获：

完成了头部表单布局

样式还有点小问题明天再修改修改

在看type="date"的时候了解到了一些设置(都是在input内)

1 时间选择的种类

type="date"     日期。如 2011-1-1

type="time"      时间。如 10：00

type="week"    星期。

type="month"   月份

在做input内输入日期的时候了解一下type="date"这个属性，他可以让input内设置日期。如下：

。。

2 对日期时间控件的样式修改。webkit下有9个伪元素可以修改他。

::-webkit-datetime-edit                                   控制编辑区域的

::-webkit-datetime-edit-fields-wrapper          控制年月日这个区域的

::-webkit-datetime-edit-text                           控制年月日之间的斜线或短横线

::-webkit-datetime-edit-month-field              控制月份

::-webkit-datetime-edit-day-field                   控制具体日子

::-webkit-datetime-edit-year-field                  控制年文字, 如2017四个字母占据的那片地方

::-webkit-inner-spin-button                            控制上下小箭头

::-webkit-calendar-picker-indicator                控制下拉小箭头

::-webkit-clear-button                                     控制清除按钮

在开发Vue项目的时候，大部分组件是没必要多次渲染的，所以Vue提供了一个内置组件keep-alive来缓存组件内部状态，

prop:

include: 字符串或正则表达式。只有匹配的组件会被缓存。

exclude: 字符串或正则表达式。任何匹配的组件都不会被缓存。

exclude优先级大于include

使用<keep-alive>会将数据保留在内存中，如果要在每次进入页面的时候获取最新的数据，需要在activated阶段获取数据，承担原来created钩子中获取数据的任务。

被包含在 <keep-alive> 中创建的组件，会多出两个生命周期的钩子: activated 与 deactivated

activated：在组件被激活时调用，在组件第一次渲染时也会被调用，之后每次keep-alive激活时被调用。

deactivated：在组件被停用时调用。

当引入keep-alive 的时候，页面第一次进入，钩子的触发顺序created-> mounted-> activated，退出时触发deactivated。当再次进入（前进或者后退）时，只触发activated。

keep-alive 之后页面模板第一次初始化解析变成HTML片段后，再次进入就不在重新解析而是读取内存中的数据，就是说，只有当数据变化时，才使用VirtualDOM进行diff更新。所以，页面进入的数据获取应该在activated中也放一份。数据下载完毕手动操作DOM的部分也应该在activated中执行才会生效。

所以，应该activated中留一份数据获取的代码，或者不要created部分，直接将created中的代码转移到activated中。