HTML5前端視訊_Vue專案實戰《矽谷外賣》-張曉飛-專題視訊課程
阿新 • • 發佈:2019-01-28
HTML5前端視訊_Vue專案實戰《矽谷外賣》—369人已學習
課程介紹
1.基於 Vue 的新版本; 2.專案是關於外賣業務的前後臺分離Web App,功能模組包含商家, 商品, 購物車, 使用者管理等多個模組; 3.後臺應用技術架構為: Node + Express + Mongodb + Mongoose; 4.前臺應用技術架構為: vue + vuex + vue-router + webpack + ES6; 5.採用模組化、元件化、工程化的模式開發;
課程收益
1).使用代理伺服器解決跨域; 2).mock資料介面庫: mockjs; 3).ES7最新語法: async/await; 4).最流行的ajax請求庫: axios; 5).常用的滑動庫: better-scroll, swiper; 6).Vue移動端UI元件庫: mint-ui; 7).最常用的圖片懶載入外掛: vue-lazyload; 8).一次性簡訊驗證碼和圖片驗證碼技術;
講師介紹
張曉飛更多講師課程
尚矽谷講師,具有多年軟體開發和教學經驗,先後主持開發藍訊 ERP、遼寧省公共汽車監控系統、瀋陽市道路管理系統。深入理解Struts、WebWork、Hibernate、Spring、iBatis、JBPM、Web Service等主流技術。 對Android應用開發與平臺開發有較深入研究,曾帶領學員完成多款外包app。
課程大綱
第1章:VUE專案
1.專案功能演示 11:23
2.專案開發準備 18:58
3.建立專案並執行 12:36
4.資源準備 8:55
5.專案原始碼目錄設計 5:20
6.stylus使用 7:28
7.元件化編碼 13:29
8.引入vue-router 8:38
9.FooterGuide元件 13:11
10.各導航路由元件(靜態) 16:05
11.HeaderTop元件 10:33
12.使用swiper實現商品分類列表輪播 8:43
13.ShopList元件(靜態) 6:22
14.Login元件(靜態) 16:58
15.啟動後臺應用並測試介面 18:40
16.封裝ajax請求函式 13:17
17.封裝介面請求函式 11:20
18.使用git對專案進行版本控制 4:52
19. 複習 22:39
20.配置代理實現跨域ajax請求 8:09
21.建立vuex的整體結構 8:15
22.使用vuex管理首頁資料 21:10
23.非同步顯示當前地地址 8:24
24.非同步顯示食品分類輪播列表 25:34
25.使用watch和$nextTick解決輪播的bug 11:04
26.非同步顯示商家列表 11:16
27.使用svg顯示載入中提示介面 7:25
28.Star元件 22:44
29.註冊登陸功能演示說明 9:02
30.登陸介面效果1_切換登陸方式 7:09
31.登陸介面效果2_手機號檢查 8:01
32.登陸介面效果3_倒計時效果 13:00
33.登陸介面效果4_切換密碼的顯示和隱藏 12:35
34.登陸介面效果5_前臺表達驗證 21:31
35.複習 22:28
36.動態一次性圖形驗證碼 9:19
37.定義介面請求函式 8:45
38.登陸_傳送簡訊驗證碼 18:41
39.登陸_完成登陸請求 14:46
40.登陸_儲存使用者資訊到vuex 6:11
41.登陸後更新個人中心介面 7:00
42.登陸更新跳轉路由 6:20
43.自動登陸 9:28
44.退出登陸 15:15
45.搭建商家整體介面 18:00
46.json的理解 10:14
47.設計json資料 17:27
48.使用mockjs模擬介面資料 19:57
49.ajax請求mockjs模擬的介面 10:25
50.ShopHeader元件 38:15
51.複習 33:42
52.非同步顯示goods資料 23:15
53.滑動效果分析 13:34
54.使用better-scroll實現回彈滑動 19:19
55.收集scrollY 15:18
56.收集tops 8:49
57.滑動右側列表更新當前分類 12:16
58.解決慣性滑動不更新當前分類的bug 4:45
59.點選分類項滑動右側列表 13:39
60.CartControl元件1 10:07
61.CartControl元件2 23:21
62.Food元件1 15:11
63.Food元件2 6:59
64.ShopCart元件1 18:51
65.ShopCart元件2 16:41
66.顯示購物項列表 5:53
67.解決列表顯示的3個bug 8:12
68.複習 25:21
69.購物車動畫 8:47
70.購物車列表的滑動 13:43
71.清空購物車 10:53
72.ShopRatings元件1 18:34
73.ShopRatings元件2 32:14
74.ShopInfo元件1 11:16
75.ShopInfo元件2 12:33
76.ShopInfo元件3 9:33
77.Search元件 28:03
78.快取路由元件物件 3:37
79.路由元件懶載入 13:50
80.圖片懶載入vue-lazyload 8:28
81.使用moment實現日期過濾器 5:09
82.打包檔案分析與優化 9:16
大家可以點選【檢視詳情】檢視我的課程
課程介紹
1.基於 Vue 的新版本; 2.專案是關於外賣業務的前後臺分離Web App,功能模組包含商家, 商品, 購物車, 使用者管理等多個模組; 3.後臺應用技術架構為: Node + Express + Mongodb + Mongoose; 4.前臺應用技術架構為: vue + vuex + vue-router + webpack + ES6; 5.採用模組化、元件化、工程化的模式開發;
課程收益
1).使用代理伺服器解決跨域; 2).mock資料介面庫: mockjs; 3).ES7最新語法: async/await; 4).最流行的ajax請求庫: axios; 5).常用的滑動庫: better-scroll, swiper; 6).Vue移動端UI元件庫: mint-ui; 7).最常用的圖片懶載入外掛: vue-lazyload; 8).一次性簡訊驗證碼和圖片驗證碼技術;
講師介紹
張曉飛更多講師課程
尚矽谷講師,具有多年軟體開發和教學經驗,先後主持開發藍訊 ERP、遼寧省公共汽車監控系統、瀋陽市道路管理系統。深入理解Struts、WebWork、Hibernate、Spring、iBatis、JBPM、Web Service等主流技術。 對Android應用開發與平臺開發有較深入研究,曾帶領學員完成多款外包app。
課程大綱
第1章:VUE專案
1.專案功能演示 11:23
2.專案開發準備 18:58
3.建立專案並執行 12:36
4.資源準備 8:55
5.專案原始碼目錄設計 5:20
6.stylus使用
7.元件化編碼 13:29
8.引入vue-router 8:38
9.FooterGuide元件 13:11
10.各導航路由元件(靜態) 16:05
11.HeaderTop元件 10:33
12.使用swiper實現商品分類列表輪播 8:43
13.ShopList元件(靜態) 6:22
14.Login元件(靜態) 16:58
15.啟動後臺應用並測試介面 18:40
16.封裝ajax請求函式 13:17
17.封裝介面請求函式 11:20
18.使用git對專案進行版本控制 4:52
19.
20.配置代理實現跨域ajax請求 8:09
21.建立vuex的整體結構 8:15
22.使用vuex管理首頁資料 21:10
23.非同步顯示當前地地址 8:24
24.非同步顯示食品分類輪播列表 25:34
25.使用watch和$nextTick解決輪播的bug 11:04
26.非同步顯示商家列表 11:16
27.使用svg顯示載入中提示介面 7:25
28.Star元件 22:44
29.註冊登陸功能演示說明 9:02
30.登陸介面效果1_切換登陸方式 7:09
31.登陸介面效果2_手機號檢查 8:01
32.登陸介面效果3_倒計時效果 13:00
33.登陸介面效果4_切換密碼的顯示和隱藏 12:35
34.登陸介面效果5_前臺表達驗證 21:31
35.複習 22:28
36.動態一次性圖形驗證碼 9:19
37.定義介面請求函式 8:45
38.登陸_傳送簡訊驗證碼 18:41
39.登陸_完成登陸請求 14:46
40.登陸_儲存使用者資訊到vuex 6:11
41.登陸後更新個人中心介面 7:00
42.登陸更新跳轉路由 6:20
43.自動登陸 9:28
44.退出登陸 15:15
45.搭建商家整體介面 18:00
46.json的理解 10:14
47.設計json資料 17:27
48.使用mockjs模擬介面資料 19:57
49.ajax請求mockjs模擬的介面 10:25
50.ShopHeader元件 38:15
51.複習 33:42
52.非同步顯示goods資料 23:15
53.滑動效果分析 13:34
54.使用better-scroll實現回彈滑動 19:19
55.收集scrollY 15:18
56.收集tops 8:49
57.滑動右側列表更新當前分類 12:16
58.解決慣性滑動不更新當前分類的bug 4:45
59.點選分類項滑動右側列表 13:39
60.CartControl元件1 10:07
61.CartControl元件2 23:21
62.Food元件1 15:11
63.Food元件2 6:59
64.ShopCart元件1 18:51
65.ShopCart元件2 16:41
66.顯示購物項列表 5:53
67.解決列表顯示的3個bug 8:12
68.複習 25:21
69.購物車動畫 8:47
70.購物車列表的滑動 13:43
71.清空購物車 10:53
72.ShopRatings元件1 18:34
73.ShopRatings元件2 32:14
74.ShopInfo元件1 11:16
75.ShopInfo元件2 12:33
76.ShopInfo元件3 9:33
77.Search元件 28:03
78.快取路由元件物件 3:37
79.路由元件懶載入 13:50
80.圖片懶載入vue-lazyload 8:28
81.使用moment實現日期過濾器 5:09
82.打包檔案分析與優化 9:16
大家可以點選【檢視詳情】檢視我的課程