一、组件的定义解析及特征

A.组件的定义

1. 组件是指Web页面上抽出来的一个个包含模板（HTML）、功能（JS）和样式（CSS）的单元，好的组件具备封装性、正确性、扩展性、复用性

二、组件封装基本方法（实现电商网站轮播图）

A.结构：HTML

1. 轮播图是一个典型的列表结构，我们可以使用无序列表ul元素来实现

B.表现：CSS

1. 使用CSS绝对定位将图片重叠在同一个位置
2. 轮播图切换的状态使用修饰符（modifier）
3. 轮播图的切换动画使用CSS transition

C.行为：JS

1. 行为：功能API

   1. Slider

      1. +getSelectedltem()
      2. +getSelectedltemIndex()
      3. +slideTo()
      4. +slideNext()
      5. +slidePrevious()

2. 行为：控制流Event

   1. 使用自定义事件来解耦

D.重构

1. 插件化

   1. 解耦

      1. 将控制元素抽取成插件
      2. 插件与组件之间通过依赖注入方式建立联系

2. 模板化

   1. 将HTML模板化，更易于扩展

3. 抽象化

   1. 将组件通用模型抽象出来