简介:今天就给大家完整的讲解一个移动端dialog组件的开发全过程,抽丝剥茧,去分析一个 Dialog 组件的种种功能,通过组件化,参数可配置化的方式,给大家集成封装一个相对完美的 Dialog对话框组件。
第1章 课程准备
本章节演示Dialog组件的使用以及课程的知识储备。
第2章 Dialog 组件的 DOM 结构、CSS 样式的搭建
本章节讲解Dialog组件的DOM结构如何划分、配合结构初始化基本的CSS样式。
第3章 JS实战开发
本章节讲解组件的参数配置和相关的功能开发。
第4章 简单优化图片资源(扩展了解)
本章做一个图片资源的优化,用Base64和css3的方式替代图片资源。
第5章 参数扩展及Bug解决
本章讲解额外参数功能扩展和一些bug的处理。
第6章 课程总结和组件实际项目演示
本章总结一下本期课程,通过一个购物车操作的实际项目,检验下Dialog组件的使用场景。