DOM实践学习笔记1--组件的实现流程

1.什么是组件？

经历前期的模块搭建，开发时期主要是对组件的开发，并将它们有机的组建到一起来完成业务需求。那么什么是组件呢？在用户界面开发领域，它是一种面对用户的、独立的可复用交互元素的封装。针对前端开发，它是html(结构)+js（逻辑）+css（样式）;html用来控制组件的结构，js控制组件的逻辑，css控制组件的样式。常用的组件有Mask（遮罩组件），Datepicker(日期选择器组件)，Modal(模态弹窗组件)，Carousel(轮播组件)，Page(翻页组件)，Editor(富文本编辑器组件)；

2.组件实现流程

第一步，分析（分解需求）：交互意图以及需求，像是软件工程开发中的第一个最重要的步骤–需求分析；

第二步，结构：HTML+CSS实现静态结构，构建原型，梳理js逻辑；

第三步，接口：定义公共接口，设计调用和使用方式；

第四步，实现：实现js逻辑，从抽象到细节，实现功能接口，暴露事件；

第五步，完善：便利接口、插件封装、重构等。（一个组件的完成往往需要不断的完善）。

我画了一张图，方便记忆和查看。