ES6 ES7/ES8 vue.js前端JS培训
第1章 ECMAScript6教程
1 1.课程介绍
2 2.严格模式
3 3.JSON对象
4 4.Object对象扩展
5 5.Object对象扩展续
6 6.Array数组的扩展
7 7.Function函数的扩展
8 8.let和const命令
9 9.变量解构赋值
10 10.变量的解构赋值(续)
11 11.字符unicode的表示
12 12.字符unicode的表示(续)
13 13.模板字符串
14 14.标签模板
15 15.字符串新增方法
16 16.正则构造函数的变化
17 17.u修饰符的使用
18 18.y修饰符的使用
19 19.二进制和八进制表示法
20 20.Number对象的扩展
21 21.Math对象的扩展
22 22.函数参数的默认值
23 23.rest参数
24 24.箭头函数
25 25.箭头函数中的this指向
26 26.扩展运算符
27 27.ES6数组新增方法
28 28.ES6数组新增方法(续)
29 29.对象属性的简洁表示
30 30.属性名表达式
31 31.对象新增方法
32 32.对象新增方法(续)
33 33.Symbol的基本使用
34 34.对象属性的遍历
35 35.Symbol.for和keyFor的使用
36 36.Set的基本使用
37 37.WeakSet的基本使用
38 38.Map的基本使用
39 39.WeakMap的基本使用
40 40.Proxy对象的使用
41 41.Proxy对象的使用(续)
42 42.Reflect对象的使用
43 43.通过Proxy和Reflect实现观察者模式
44 44.Promise对象的引入
45 45.Promise对象的基本使用
46 46.使用Promise解决回调地狱问题
47 47.Iterator遍历器概念
48 48.Iterator接口的部署
49 49.Generator基本使用
50 50.与Iterator接口的关系
51 51.next方法的参数
52 52.Class的基本语法
53 53.Constructor构造方法
54 54.属性的get和set方法
55 55.属性表达式和Class表达式
56 56.Static静态方法
57 57.静态属性和实例属性
58 58.Class的继承
59 59.Super关键字
60 60.CommonJS规范基于服务器端的应用
61 61.CommonJS规范基于浏览器端的应用
62 62.AMD规范的应用
63 63.CMD规范的应用
64 64.ES6模块化规范的应用
第2章 Vue2.5教程
65 01.vue介绍
66 02.vue中的数据绑定
67 03.MVC和MVVM
68 04.vue第一个案例
69 05.vue常用指令
70 06.插值表达式
71 07.跑马灯效果
72 08.事件修饰符
73 09.双向绑定v-model指令
74 10.双向绑定-计算器案例
75 11.vue的样式操作
76 12.v-if和v-show
77 13.v-for
78 14.品牌管理案例-数据的添加
79 15.vue-devtools
80 16.过滤器的基本使用
81 17.按键修饰符
82 18.自定义指令
83 19.品牌管理案例重写
84 20.vue生命周期
85 21.nextTick方法
86 22.vue生命周期问题
87 23.nextTick案例
88 24.vue-resource发送网络请求
89 25.品牌管理案例-网络请求
90 26.transition动画基本使用
91 27.自定义动画名
92 28.animate.css的使用
93 29.transition动画存在的问题
94 30.js动画的钩子函数
95 31.出场动画钩子函数
96 32.入场动画完毕立刻隐藏小球
97 33.列表动画
98 34.全局组件的使用
99 35.使用模板字符串定义组件
100 36.定义私有组件
101 37.组件中的数据和事件
102 38.组件中的data
103 39.组件的切换
104 40.keep-alive组件
105 41.组件的动画切换
106 42.父组件向子组件传值
107 43.子组件向父组件传递数据
108 44.插槽
109 45.评论案例
110 46.this.$refs
111 47.中央总线的使用
112 48.render方法的使用
113 49.router的基本使用
114 50.router的导航模式
115 51.keep-alive结合router实现组件缓存
116 52.路由传参传递的方式
117 53.路由组件及的钩子函数
118 54.全局和路由守卫
119 55.路由元信息meta
120 56.路由钩子函数总结
121 57.路由嵌套
122 58.命名视图
123 59.watch和computed属性
124 60.路由文档知识点
125 61.编程式导航
126 62.双向绑定的原理
127 63.webpack介绍
128 64.webpack的使用
129 65.webpack隔行变色案例
130 66.es6模块化规范
131 67.webpack.config.js配置
132 68.实施打包构建
133 69.配置文件生成devServer配置项
134 70.html-webpack-pulgin的使用
135 71.webpack加载样式文件
136 72.图片路径的处理
137 73.字体图标的配置
138 74.babel的配置
139 75.webpack中vue的基本使用
140 76.模块化方案总结
141 77.vue文件的使用
142 78.vue-router基本使用
143 79.抽离路由为单独模块
144 80.vuex的基本使用
145 81.vuex的派生属性
146 82.vuex的actions的使用
147 83.抽离store为单独模块
148 84.vuex的模块管理
149 85.mint-ui的基本使用
150 86.mint-ui的按需导入
151 87.MUI的使用
152 88.bootstrap的使用
153 89.vue-cli创建项目
154 90.vue-cli目录介绍
155 91.vue.config.js配置
第3章 Vue2.6教程 124
156 1.1.课程概要
157 1.2.Vue框架的介绍
158 1.3.Vue框架使用的目的
159 1.4.前端框架和库的区别
160 2.1.MVC与MVVM的理解
161 2.2.基础示例
162 3.1.v-cloak指令
163 3.2.v-text和v-html指令
164 3.3.v-bind指令
165 3.4.v-on指令
166 3.5.文字跑马灯效果的实现
167 3.6.事件修饰符
168 3.7.v-model指令
169 3.8.简易计算器的实现
170 3.9.class类样式与style行内样式设定
171 3.10.v-for指令
172 3.11.key属性实现状态维护
173 3.12.v-if与v-show指令
174 4.1.员工信息列表的实现
175 4.2.员工信息添加的实现
176 4.3.员工信息删除的实现
177 4.4.名称关键字搜索
178 4.5.vue-devtools使用
179 5.1.全局过滤器的使用
180 5.2.局部过滤器的使用
181 5.3.过滤器实现日期的格式化
182 5.4.键值修饰符的使用
183 6.1.全局指令的使用
184 6.2.局部指令的使用
185 6.3.自定义指令实现聚焦功能
186 7.1.Vue实例创建时生命周期函数
187 7.2.Vue实例运行时生命周期函数
188 8.1.vue-resource的使用
189 8.2.jsonp实现原理
190 8.3.员工信息管理模块更新-添加服务端处理
191 9.1.使用css属性实现过渡
192 9.2.使用css动画实现过渡
193 9.3.修改过渡类名前缀
194 9.4.自定义过渡类名
195 9.5.使用钩子函数实现过渡
196 9.6.列表的过渡
197 9.7.员工信息管理模块更新-过渡效果追加
198 10.1.模块化与组件化
199 10.2.全局组件的注册
200 10.3.局部组件的注册
201 10.4.组件中的data
202 10.5.多组件之间的切换
203 10.6.组件切换的过渡
204 10.7.通过Prop向子组件传递数据
205 10.8.监听子组件事件
206 10.9.评论列表组件案例
207 10.10.访问子组件实例或子元素
208 11.1.前端路由和后端路由的概念
209 11.2.VueRouter使用说明
210 11.3.VueRouter使用基本示例
211 11.4.路由组件参数传递
212 11.5.嵌套路由的使用
213 12.1.watch侦听器的使用
214 12.2.computed计算属性的使用
215 13.1.render渲染函数
216 13.2.Webpack+Vue项目整合
217 13.3.Vue单文件组件的使用
218 13.4.单文件组件中实例的导出
219 13.5.Webpack结合Vue-Router的使用
220 13.6.嵌套路由children的实现
221 13.7.路由模块的抽离
222 13.8.单文件组件中Scoped CSS的使用
223 14.1.MintUI完整引入使用示例
224 14.2.MintUI按需引入使用示例
225 14.3.MUI使用示例
226 15.1.Vuex基本概念
227 15.2.Vuex使用基本示例
228 16.1.ECShop案例演示
229 17.1.首页面结构布局
230 17.2.首页tabbar路由设置
231 17.3.轮播组件的使用
232 17.4.轮播组件数据的获取与绑定
233 17.5.九宫格组件的使用
234 17.6.多页面组件切换过渡效果
235 18.1.资讯列表页面路由的设定
236 18.2.资讯列表页面的实现
237 19.1.资讯详情页面的实现
238 20.1.评论列表数据加载的实现
239 20.2.发表评论功能的实现
240 21.1.图文类别导航条左右滑动的实现
241 21.2.图文类别导航数据的加载
242 21.3.图文列表页面的实现
243 22.1.图文详情页面的实现
244 22.2.图文详情页面缩略图的实现
245 23.1.商品列表页面的实现
246 24.1.商品详情页面的实现
247 24.2.商品详情轮播图的实现
248 24.3.商品详情轮播图显示宽度的优化
249 24.4.商品购买区域的实现
250 24.5.商品参数信息的加载
251 24.6.商品购买数量的获取
252 24.7.加入购物车小球动画的基本实现
253 24.8.小球动画在不同场景下的优化
254 24.9.商品购买大数量的设定
255 25.1.Vuex基本概念
256 25.2.Vuex使用基本示例
257 25.3.加入购物车功能的实现
258 25.4.已购商品徽标数值的自动更新
259 26.1.购物车页面的实现
260 26.2.商品选购数量的初始化
261 26.3.商品选购数量变化的同步处理
262 26.4.选购商品删除功能的实现
263 26.5.选购商品勾选状态的管理
264 26.6.结算区域选购数量和总价的自动计算
265 27.1.webpack概述
266 27.2.nrm工具的使用
267 27.3.webpack使用
268 28.1.webpack基本示例
269 28.2.webpack配置文件的使用
270 29.1.webpack-dev-server的基本使用
271 29.2.webpack-dev-server的常用命令参数
272 30.1.html-webpack-plugin的使用
273 31.1.css-loader的使用
274 31.2.less-loader的使用
275 31.3.sass-loader的使用
276 32.1.url-loader的使用
277 33.1.webpack集成bootstrap的使用
278 34.1.babel概念介绍
279 34.2.babel-loader的使用
第4章 Webpack+Babel教程
280 1.1.Babel概述
281 1.2.Babel的基本配置使用
282 1.3.Polyfill概述
283 2.1.webpack概述
284 2.2.webpack的基本配置使用
285 2.3.Polyfill的基本配置使用
286 2.4.知识点复习
287 2.5.第三方js模块的打包使用
288 3.1.webpack中css-loader的配置使用
289 3.2.webpack中file-loader的配置使用
290 3.3.webpack中JSON数据的加载
291 3.4.webpack中babel-loader的配置
292 4.1.webpack进行模块热替换