你好,歡迎來到js代碼網。

微信登錄

Vue技術棧硅谷外賣項目實戰

作者薄皮瓜
分類Vue.js
發布時間2018-08-14
來源http://www.hkiufo.live/video/491.html

Vue技術棧硅谷外賣項目實戰課程視頻教程。本視頻是S硅谷Vue技術棧的項目實戰視頻。VUE項目實戰《硅谷外賣》,1.基于 Vue 的最新版本;2.項目是關于外賣業務的前后臺分離Web App,功能模塊包含商家, 商品, 購物車, 用戶管理等多個模塊; 3.后臺應用技術架構為: Node + Express + Mongodb + Mongoose;4.前臺應用技術架構為: vue + vuex + vue-router + webpack + ES6;5.采用模塊化、組件化、工程化的模式開發;6.具體涉及技術: 1).使用代理服務器解決跨域;2).mock數據接口庫: mockjs;3).ES7最新語法: async/await;4).最流行的ajax請求庫: axios;5).常用的滑動庫: better-scroll, swiper;6).Vue移動端UI組件庫: mint-ui; 7).最常用的圖片懶加載插件: vue-lazyload;8).一次性短信驗證碼和圖片驗證碼技術;


一、課程目錄

01、硅谷外賣_項目功能演示.avi 
02、硅谷外賣_項目開發準備.avi 
03、硅谷外賣_創建項目并運行.avi 
04、硅谷外賣_資源準備.avi 
05、硅谷外賣_項目源碼目錄設計.avi 
06、硅谷外賣_stylus使用.avi 
07、硅谷外賣_組件化編碼.avi 
08、硅谷外賣_引入vue-router.avi 
09、硅谷外賣_FooterGuide組件.avi 
10、硅谷外賣_各導航路由組件(靜態).avi 
11、硅谷外賣_HeaderTop組件.avi 
12、硅谷外賣_使用swiper實現商品分類列表輪播.avi 
13、硅谷外賣_ShopList組件(靜態).avi 
14、硅谷外賣_Login組件(靜態).avi 
15、硅谷外賣_啟動后臺應用并測試接口.avi 
16、硅谷外賣_封裝ajax請求函數.avi 
17、硅谷外賣_封裝接口請求函數.avi 
18、硅谷外賣_使用git對項目進行版本控制.avi 
19、硅谷外賣_復習.avi 
20、硅谷外賣_配置代理實現跨域ajax請求.avi 
21、硅谷外賣_創建vuex的整體結構.avi 
22、硅谷外賣_使用vuex管理首頁數據.avi 
23、硅谷外賣_異步顯示當前地地址.avi 
24、硅谷外賣_異步顯示食品分類輪播列表.avi 
25、硅谷外賣_使用watch和$nextTick解決輪播的bug.avi 
26、硅谷外賣_異步顯示商家列表.avi 
27、硅谷外賣_使用svg顯示加載中提示界面.avi 
28、硅谷外賣_Star組件.avi 
29、硅谷外賣_注冊登陸功能演示說明.avi 
30、硅谷外賣_登陸界面效果1_切換登陸方式.avi 
31、硅谷外賣_登陸界面效果2_手機號檢查.avi 
32、硅谷外賣_登陸界面效果3_倒計時效果.avi 
33、硅谷外賣_登陸界面效果4_切換密碼的顯示和隱藏.avi 
34、硅谷外賣_登陸界面效果5_前臺表達驗證.avi 
35、硅谷外賣_復習.avi 
36、硅谷外賣_動態一次性圖形驗證碼.avi 
37、硅谷外賣_定義接口請求函數.avi 
38、硅谷外賣_登陸_發送短信驗證碼.avi 
39、硅谷外賣_登陸_完成登陸請求.avi 
40、硅谷外賣_登陸_保存用戶信息到vuex.avi 
41、硅谷外賣_登陸后更新個人中心界面.avi 
42、硅谷外賣_登陸更新跳轉路由.avi 
43、硅谷外賣_自動登陸.avi 
44、硅谷外賣_退出登陸.avi 
45、硅谷外賣_搭建商家整體界面.avi 
46、硅谷外賣_json的理解.avi 
47、硅谷外賣_設計json數據.avi 
48、硅谷外賣_使用mockjs模擬接口數據.avi 
49、硅谷外賣_ajax請求mockjs模擬的接口.avi 
50、硅谷外賣_ShopHeader組件.avi 
51、硅谷外賣_復習.avi 
52、硅谷外賣_異步顯示goods數據.avi 
53、硅谷外賣_滑動效果分析.avi 
54、硅谷外賣_使用better-scroll實現回彈滑動.avi 
55、硅谷外賣_收集scrollY.avi 
56、硅谷外賣_收集tops.avi 
57、硅谷外賣_滑動右側列表更新當前分類.avi 
58、硅谷外賣_解決慣性滑動不更新當前分類的bug.avi 
59、硅谷外賣_點擊分類項滑動右側列表.avi 
60、硅谷外賣_CartControl組件1.avi 
61、硅谷外賣_CartControl組件2.avi 
62、硅谷外賣_Food組件1.avi 
63、硅谷外賣_Food組件2.avi 
64、硅谷外賣_ShopCart組件1.avi 
65、硅谷外賣_ShopCart組件2.avi 
66、硅谷外賣_顯示購物項列表.avi 
67、硅谷外賣_解決列表顯示的3個bug.avi 
68、硅谷外賣_復習.avi 
69、硅谷外賣_購物車動畫.avi 
70、硅谷外賣_購物車列表的滑動.avi 
71、硅谷外賣_清空購物車.avi 
72、硅谷外賣_ShopRatings組件1.avi 
73、硅谷外賣_ShopRatings組件2.avi 
74、硅谷外賣_ShopInfo組件1.avi 
75、硅谷外賣_ShopInfo組件2.avi 
76、硅谷外賣_ShopInfo組件3.avi 
77、硅谷外賣_Search組件.avi 
78、硅谷外賣_緩存路由組件對象.avi 
79、硅谷外賣_路由組件懶加載.avi 
80、硅谷外賣_圖片懶加載vue-lazyload.avi 
81、硅谷外賣_使用moment實現日期過濾器.avi 
82、硅谷外賣_打包文件分析與優化.avi
筆記總結.zip
課件資料.zip
項目源碼.zip

二、課程介紹

本視頻是S硅谷Vue技術棧的項目實戰視頻
1、基于Vue2.5版本
2、項目是關于外賣業務的前后臺分離Web App,功能模塊包含商家, 商品, 購物車, 用戶管理等多個模塊
3、后臺應用技術架構為: Node + Express + Mongodb + Mongoose
4、前臺應用技術架構為: vue + vuex + vue-router + webpack + ES6
5、采用模塊化、組件化、工程化的模式開發
6、具體涉及技術:
1)、使用代理服務器解決跨域
2)、mock數據接口庫: mockjs
3)、ES7新語法: async/await
4)、流行的ajax請求庫: axios
5)、常用的滑動庫: better-scroll, swiper
6)、Vue移動端UI組件庫: mint-ui
7)、常用的圖片懶加載插件: vue-lazyload
8)、一次性短信驗證碼和圖片驗證碼技術

下載地址

相關教程

點擊查看更多

Vue技術棧硅谷外賣項目實戰

×
北京 28开奖走势图