課程大綱： 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進行模塊熱替換
加入高級會員獲得助教答疑
