课程大纲

1. JavaScript框架演变过程

1.1 前端框架现状

1.2 MVC结构的优势

1.3 ES6的诞生

1.4 TS 的出现

2. 初识ES6

2.1 简介

2.2 ES6 let 与const

2.3 ES6 解构赋值

2.4 地狱回调函数

2.5 案例-promise检测异步请求加载完成

3. CSS 应用与性能

3.1 选择器和权重

3.2 BEM应用格式

3.3 精灵图片应用

3.4 CSS 调试方案

3.5 Element UI 基础应用

4. Vue框架创建项目

4.1 环境构建

4.2 新建项目

4.3 项目结构分析

4.4 框架创建项目注意事项

5. 框架初始化

5.1 认识 Flow

5.2 源码目录设计

5.3 源码构建

6. 数据驱动

6.1 new Vue 做了什么

6.2 Vue 实例挂载的实现

6.3 render 方法

6.4 Virtual DOM

7. Vue基础与数据绑定

7.1 构造器

7.2 文本操作

7.3 表达式

7.4 数据绑定

8. 指令与过滤器

8.1 基础指令

8.2 高级指令

8.3 常用过滤器

9. 样式与事件

9.1 样式操作

9.2 表单控件

9.3 事件处理

10. 指令应用

10.1 什么是指令

10.2 定义指令的方法

10.3 指令的使用

11. 本地存储与全局应用

11.1 localStorage 使用API

11.2 全局对象和方法

11.3 bus 中间传值

12. Vue框架路由

12.1 路由的功能和定义方法

12.2 路由切换时的事件触发

12.3 路由配置时注意事项

13. Vue框架项目实战

13.1 案例一：无刷新的导航条

13.2 案例二：多数据联动的购物车

13.3 案例三：Vue+element-ui实现数据管理功能

14. 单元测试mocha应用

14.1 使用语法

14.2 浏览器测试

14.3 异步测试

14.4 vue 中单元测试应用

15. 打包工具webpack 5应用

15.1 特点与优势

15.2 安装与配置

15.3 打包样式和图片

15.4 构建服务器和热更新