简介:1、搭建TS开发环境
2、分析案例需求
3、了解什么是组件化
4、案例样式排版布局
5、功能模块组件化开发
第2章 Webpack搭建项目环境
本章主要讲解webpack项目环境搭建,以及TypeScript编译配置。
第3章 需求分析&视频列表实现
本章主要分析项目,如果进行组件化拆分,以及视频列表布局实现和视频列表样式实现。
第4章 Popup弹层组件开发
本章节主要讲解Popup弹层组件框架搭建、模块化CSS方式、弹层布局结构及样式、遮罩层布局及样式、弹层交互及弹层容器回调实现。
第5章 弹出层中的Video播放器组件开发
本章主要讲解组件框架搭建、播放器布局结构及样式书写、播放与暂停的实现、当前时间与总时间计算、全屏功能、播放进度条、拖拽播放进度条与音量进度条、配置自动播放等功能的实现。