一、今日完成的情况

1、任务页面基本重构完了，局部需要再调整，代码还是太臃肿了，要再优化优化。

2、下午听了老大的直播课，正好讲了现在任务涉及到的重构这个知识点，面向对象编程没怎么听懂，再去查查资料。

3、制作小课堂PPT的前半部分的文本内容。

二、明天的计划

1、继续做任务十四；

2、继续整理小课堂常见问题部分的内容，准备演示要用的demo。

三、遇到的问题

暂时没遇到疑难问题。

四、收获

1、继续昨天的未整理完的布局方式。

 1>.Flexbox布局（flexible box）：

  （1）定义：Flexbox是CSS3引入的新的布局模式。它决定了元素如何在页面上排列，使它们能在不同的屏幕尺寸和设备下可预测地展现出来。它能够扩展和收缩 flex 容器内的元素，以最大限度地填充可用空间。Flexbox布局最适合应用程序的组件和小规模的布局，而网格布局更适合那些更大规模的布局。

  （2）Flexbox 模型三个组成部分：flex 子元素，需要布局的元素 ；flex 容器，包含 flex 元素 ；排列方向（direction），这决定了 flex 项的布局方向，也称为主轴。

 2>.Bootstrap栅格布局：

  （1）栅格系统：Bootstrap中定义了一套响应式的网格系统，其使用方式就是将一个容器划分成12列，然后通过col-xx-xx的类名控制每一列的占比，以此来进行布局。

  （2）栅格系统有哪些类：row、col-xx-x、text-xx、center-block等等，此外还提供轮播图、导航栏等插件。

2、面向对象编程（Object Oriented Programming），下午没怎么听懂，查找资料初步了解一点相关知识，留个印象。

 (1)定义：是一种程序设计思想。OOP把对象作为程序的基本单元，一个对象包含了数据和操作数据的函数。面向对象的概念和应用已超越了程序设计和软件开发，扩展到很宽的范围。如数据库系统、交互式界面、应用结构、应用平台、分布式系统、网络管理结构、CAD技术、人工智能等领域。核心特性包括：类，对象，方法，封装，继承和多态。

 (2)和面向过程编程的区别：面向过程的程序设计把计算机程序视为一系列的命令集合，即一组函数的顺序执行。为了简化程序设计，面向过程把函数继续切分为子函数，即把大块函数通过切割成小块函数来降低系统的复杂度。而面向对象的程序设计把计算机程序视为一组对象的集合，而每个对象都可以接收其他对象发过来的消息，并处理这些消息，计算机程序的执行就是一系列消息在各个对象之间传递。

 (3)用一个例子来帮助理解：面向对象编程是一种编程风格，它是把一切东西看成一个个对象，比如人，车，面包，等等。然后把这些对象拥有的属性变量，比如年龄，民族，工作地点，变质期，寿命，还有操作这些属性变量的函数打包成一个类来表示，这个类的一个抽象就是一个对象，比如人这个类包含一些属性，比如年龄，名字，住址等，他还有一些对别人告诉这些属性的功能，比如：说话，观看，行走等，这就是面向对象编程的概念。

3、重构（Refactoring）。

 (1)定义：重构就是通过调整程序代码改善软件的质量、性能，使其程序的设计模式和架构更趋合理，提高软件的扩展性和维护性。

 (2)为什么要重构？

  一个软件总是为解决某种特定的需求而产生，时代在发展，客户的业务也在发生变化。有的需求相对稳定一些，有的需求变化的比较剧烈，还有的需求已经消失了，或者转化成了别的需求，在这种情况下，软件必须相应的改变。重构就能够最大限度的避免这样一种现象。通过重构，不断的调整系统的结构，使系统对于需求的变更始终具有较强的适应能力。重构可以降低项目的耦合度，使项目更加模块化，有利于项目的开发效率和后期的维护。让项目主框架突出鲜明，给人一种思路清晰，一目了然的感觉，其实重构是对框架的一种维护。

 (3)重构的目的：改进软件设计使软件更容易被理解，可以帮助开发人员查找bug，还可以提高软件的开发速度。

任务进度：

任务十四和十五

任务开始时间：

2018.5.29

预计任务完成时间：

2018.6.4

禅道：http://task.ptteng.com/zentao/project-task-714.html