课程大纲

1. 前端UI设计规范

1.1 页面和内容范围宽度

1.2 板块设计

1.3 文字和控制

1.4 动画的实现

1.5 输出设计文件

2. HTML5页面元素使用

2.1 常用的HTML5元素

2.2 新增的HTML5表单元素

2.3 表单元素的属性和方法

2.4 元素的使用规则和注意事项

3. CSS3 样式布局页面

3.1 样式的使用方法

3.2 BEM命名规范

3.3 元素的浮动和定位布局

3.4 CSS3中动画和特效

4. JavaScript代码控制逻辑

4.1 JavaScript代码使用方法

4.2 定义与基本流程

4.3 函数和常用对象

4.4 BOM和DOM对象

5. 框架演变和ES6基础

5.1  MVC结构的优势

5.2  ES6的诞生

5.3  ES6 解构赋值

5.4  ES6 函数

6. ES 6中面向对象编程

6.1  类的定义和组成

6.2  类的封装和继承

6.3  模块化编程

6.4  案例实战

7. Vue基础与数据绑定

7.1  文本操作

7.2  表达式

7.3  数据绑定

7.4  常用过滤器

7.5  数据排序

8. 组件基础开发

8.1  组件的定义与传值

8.2  组件的动态传值

8.3  组件的属性值的验证

9. 组件高级应用

9.1  组件的自定义事件并向父传值

9.2  多个子类组件的使用

9.3  使用子类组件优化页面代码

10. 指令应用

10.1 什么是指令

10.2 定义指令的方法

10.3 指令的使用

11. 路由与接口

11.1 路由的功能和定义方法

11.2 路由切换时的事件触发

11.3 路由配置时注意事项

11.4 数据请求与全局配置

12. 实战——框架应用项目开发

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

12.2 案例二：单页面人员信息管理

12.3 案例三：多数据联动的购物车

13. VueX数据管理

13.1 为什么使用Vuex

13.2 如何使用Vuex

13.3 Vuex核心内容

14. 实战——电商网站项目开发

14.1 项目工程搭建

14.2 商品列表页

14.3 商品详情页

14.4 购物车

15. Vue框架最佳实践

15.1 Watcher方法

15.2 全局性组件注册

15.3 动态组件

15.4 异步组件

16. 什么是前后端分离

16.1 诞生背景

16.2 面临问题

16.3 解决方案

17. 如何做前后端分离

17.1 单页应用面临问题

17.2 优化SPA方案

17.3 中间件功能与优势

17.4 应用——分段输出页面

17.5 应用——嵌套异步请求

18. mocha测试框架应用

18.1 mocha基础知识

18.2 使用语法

18.3 异步测试

18.4 发布配置

19. Vue框架内置测试应用

19.1 内置测试框架

19.2 单元测试的配置

19.3 测试时注意事项

20. 打包工具webpack应用

20.1 特点与优势

20.2 安装与配置

20.3 应用与发布

20.4 热更新和模块关联。