简介：我们在实际前端开发过程中,能否封装出易用易维护可定制可扩展的组件，是衡量工程师能力是否成熟的非常重要的一个指标。本课程以弹窗组件为例，讲解如何开发web前端组件,如何实现可读性、扩展性、易用性、重用性、模块化等等技巧,让您的组件开发技能不在空白。
第1章 组件种类和JS分层
介绍组件的种类、JS分层和组件的作用。
介绍组件的种类、JS分层和组件的作用。
第2章 如何定义和加载组件
介绍组件的定义、加载方式，如何增加组件，组件CSS与JS命名冲突问题，如何解决命名冲突等。
介绍组件的定义、加载方式，如何增加组件，组件CSS与JS命名冲突问题，如何解决命名冲突等。
第3章 简单的弹窗组件
讲解原生弹窗问题，如何自定义简单的弹窗组件，并实现带关闭按钮的组件。
讲解原生弹窗问题，如何自定义简单的弹窗组件，并实现带关闭按钮的组件。
第4章 定制长宽和位置
讲解如何定制组件的长、宽和位置。
讲解如何定制组件的长、宽和位置。
第5章 调整接口格式
讲解如何设置内容和回调的值，如何调整接口格式。
讲解如何设置内容和回调的值，如何调整接口格式。
第6章 定制标题
讲解如何定制组件的标题和设置样式
讲解如何定制组件的标题和设置样式
第7章 定制关闭按钮
讲解如何定制关闭按钮，如何设置样式。
讲解如何定制关闭按钮，如何设置样式。
第8章 定制皮肤
讲解如何添加皮肤的接口，定制所需的皮肤。
讲解如何添加皮肤的接口，定制所需的皮肤。
第9章 定制按钮文案
讲解如何定制按钮文案
讲解如何定制按钮文案
第10章 模态
讲解组件中如何设置罩遮,实现效果。
讲解组件中如何设置罩遮,实现效果。
第11章 拖动
讲解如何添加拖动把手，实现拖动。
讲解如何添加拖动把手，实现拖动。
第12章 自定义事件
讲解简单回调的问题,如何添加自定事件。
讲解简单回调的问题,如何添加自定事件。
第13章 连缀语法
讲解什么是连缀语法，如何设置和使用连缀方式。
讲解什么是连缀语法，如何设置和使用连缀方式。
第14章 抽出Widget抽象类
讲解原生function类的问题,如何定义和继承Widget抽象类，定义tabView类。
讲解原生function类的问题,如何定义和继承Widget抽象类，定义tabView类。
第15章 为Widget类设计统一生命周期
讲解如何为Widget类添加统一生命周期，实现效果。
讲解如何为Widget类添加统一生命周期，实现效果。
第16章 实现confirm方法
讲解如何实现confirm效果的组件。
讲解如何实现confirm效果的组件。
第17章 实现prompt方法
讲解如何实现prompt效果的组件。
讲解如何实现prompt效果的组件。
第18章 实现common方法
讲解如何实现common效果的组件。
讲解如何实现common效果的组件。
