课程目录: ES6 ES7/ES8 vue.js前端JS培训
4401 人关注
(78637/99817)
课程大纲:

      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进行模块热替换 