VUE電商專案（前台&後台 雙專案實戰）

• 第1章 專案初始化
• 1-1 教學簡介
• 1-2 vue-cli腳手架初始化項目
• 1-3 項目的其他配置
• 第2章 專案路由
• 2-1 專案的路由分析
• 2-2 Header與Footer非路由組件完成
• 2-3 完成路由組件的搭建
• 2-4 路由元資訊的使用
• 2-5 路由傳遞參數
• 2-6 路由傳遞參數相關面試題
• 2-7 重寫push與replace方法
• 第3章 靜態組件
• 3-1 home首頁元件拆分業務分析
• 3-2 TypeNav三級聯動全域元件完成
• 3-3 Home首頁拆分靜態組件
• 第4章 介面
• 4-1 補錄影片-說明（介面等問題）
• 4-2 POSTMAN工具測試接口
• 4-3 axios二次封裝
• 4-4 API介面統一管理
• 第5章 三級聯動
• 5-1 nprogress進度條的使用
• 5-2 vuex模板式開發
• 5-3 動態展示三級聯動數據
• 5-4 完成三級連動動態背景顏色
• 5-5 透過JS控制二三級分類顯示與隱藏
• 5-6 示範卡頓現象引入防手震與節流
• 5-7 函數防手震的理解
• 5-8 函數節流的理解
• 5-9 三級聯動節流
• 5-10 三級聯動路由跳轉的分析
• 5-11 完成三級連動的路由跳轉與傳遞參數業務
• 5-12 複習
• 第6章 商品分類
• 6-1 Search模組中商品分類與過渡動畫
• 6-2 typeNav商品分類列表的最佳化
• 6-3 合併參數
• 6-4 mockjs模擬數據
• 6-5 取得Banner輪播圖的數據
• 6-6 swiper基本使用
• 6-7 Banner實現輪播圖第一種解決方案
• 6-8 輪播圖透過watch+nectTick解決問題
• 6-9 取得floor組件mock數據
• 6-10 動態展示Floor組件
• 6-11 共用元件Carsouel
• 第7章 Search模組
• 7-1 Search模組的靜態元件
• 7-2 search模組veux操作
• 7-3 search模組中動態展示產品列表
• 7-4 Search模組根據不同的參數取得資料展示
• 7-5 Search模組中子元件動態開發
• 7-6 監聽路由的變化再次發送請求獲取數據
• 第8章 麵包屑
• 8-1 麵包屑處理分類的操作
• 8-2 麵包屑處理關鍵字
• 8-3 麵包屑處理品牌訊息
• 8-4 平台售賣屬性的操作
• 第9章 排序
• 9-1 排序操作（上）
• 9-2 排序操作（下）
• 9-3 分頁器靜態元件
• 9-4 排序複習
• 第10章 分頁
• 10-1 分頁功能分析
• 10-2 分頁器起始與結束數字計算
• 10-3 分頁器動態展示
• 10-4 分頁器完成
• 10-5 分頁器新增類別名
• 10-6 滾動行為
• 10-7 產品詳情數據獲取
• 10-8 產品詳情展示動態數據
• 10-9 分頁器複習-裁剪
• 10-10 zoom放大鏡展示數據-裁剪
• 10-11 detail路由組件展示商品售賣屬性-裁剪
• 10-12 產品售賣屬性值排他操作-裁剪
• 第11章 放大鏡
• 11-1 放大鏡操作（上）
• 11-2 放大鏡結束
• 第12章 購物車
• 12-1 購買產品個數的操作
• 12-2 加入購物車
• 12-3 加入購物車成功與失敗的判斷
• 12-4 加入購物車操作
• 12-5 路由傳遞參數結合會話存儲
• 12-6 購物車靜態組件與修改
• 12-7 uuid遊客身分取得購物車數據
• 12-8 購物車動態展示數據
• 12-9 處理產品數量
• 12-10 修改購物車產品的數量完成
• 12-11 刪除購物車產品的操作
• 12-12 修改產品狀態
• 12-13 複習
• 12-14 刪除全部選取的商品
• 12-15 全部產品的勾選狀態修改
• 第13章 登入註冊
• 13-1 登入註冊靜態元件
• 13-2 註冊業務（上）
• 13-3 註冊業務（下）
• 13-4 登入業務（token）
• 13-5 用戶登入攜帶token獲取用戶信息
• 13-6 登入業務中講解有問題
• 13-7 登出登入
• 第14章 導航守衛
• 14-1 導航守衛理解
• 14-2 導航守衛的判斷
• 14-3 導航守衛使用者登入操作
• 第15章 交易、支付與個人中心
• 15-1 trade靜態元件
• 15-2 取得交易頁數據
• 15-3 用戶地址資訊的展示
• 15-4 交易頁面完成
• 15-5 提交訂單
• 15-6 獲取訂單號碼與展示支付信息
• 15-7 支付頁面中使用ElementUI以及按需引入
• 15-8 微信支付業務（上）
• 15-9 微信支付（下）
• 15-10 個人中心二級路由搭建
• 15-11 我的訂單
• 15-12 未登入的導航守衛判斷
• 15-13 使用者登入（路由獨享與元件內守衛）
• 15-14 圖片懶加載
• 15-15 vee-validate表單驗證使用
• 15-16 路由懶加載
• 15-17 處理map檔案
• 15-18 購買伺服器
• 15-19 安全群組與xshell操作
• 15-20 nginx反向代理
• 第16章 組件通信
• 16-1 組件通訊的6種方式
• 16-2 自訂事件深入
• 16-3 v-mode深入
• 16-4 sync屬性修飾符
• 16-5 $attrs與$listeners
• 16-6 $children與$parent
• 16-7 混合混合
• 16-8 作用域插槽
• 第17章 後台管理系統
• 17-1 後台管理系統專案簡介
• 17-2 後台管理系統範本介紹
• 17-3 登入業務完成
• 17-4 登出登入
• 17-5 路由的搭建
• 17-6 品牌管理靜態組件
• 17-7 品牌清單展示
• 17-8 新增品牌域修改品牌靜態完成
• 17-9 添加品牌完成
• 17-10 修改品牌完成
• 17-11 品牌的表單驗證（自訂校驗規則）
• 17-12 刪除品牌操作
• 17-13 商品管理之三級連動靜態元件
• 17-14 三級聯動動態展示
• 17-15 三級聯動完成
• 17-16 平台屬性管理動態展示屬性
• 17-17 平台屬性之添加屬性與修改屬性靜態完成
• 17-18 收集屬性名的操作
• 17-19 收集屬性值操作
• 17-20 解決返回按鈕資料回顯問題
• 17-21 修改屬性操作
• 17-22 查看模式與修改模式切換
• 17-23 查看模式與編輯模式註意事項
• 17-24 修改屬性的檢視與編輯模式切換
• 17-25 表單元素自動對焦的實現
• 17-26 刪除屬性值的操作
• 17-27 儲存操作
• 17-28 按鈕與三級連動的可操作性
• 17-29 SPU管理模組業務介紹
• 17-30 SPU管理模組靜態
• 17-31 動態展示SPU列表
• 17-32 SPU管理內容的切換
• 17-33 SpuForm靜態元件完成
• 17-34 SpuForm請求業務的分析
• 17-35 取得SpuForm數據
• 17-36 SpuForm組件資料展示與收集數據
• 17-37 SpuForm銷售屬性的資料展示
• 17-38 完成SpuForm照片牆資料的收集
• 17-39 銷售屬性所新增的操作
• 17-40 銷售屬性值展示與收集
• 17-41 刪除銷售屬性與屬性值操作
• 17-42 完成修改Spu的儲存操作
• 17-43 完成新增SPU的操作
• 17-44 刪除SPU的操作
• 17-45 完成SKU靜態組件
• 17-46 取得SKUForm數據
• 17-47 展示SKU與收集SKU的數據
• 17-48 新增SKU圖片列表資料的展示與收集
• 17-49 完成新增SKU儲存操作
• 17-50 SKU列表的展示
• 17-51 loding效果
• 17-52 sku模組資料展示與分頁功能
• 17-53 SKU上架與下架操作
• 17-54 SKU詳情查看完成
• 17-55 深度選擇器
• 17-56 資料視覺化簡介
• 17-57 canvas繪製線段
• 17-58 canvas繪製長方形
• 17-59 繪製圓形
• 17-60 畫布清除與繪製文字
• 17-61 繪製長條圖
• 17-62 svg基本使用
• 17-63 echarts基本使用
• 17-64 charts展示多個圖表
• 17-65 一個容器顯示多個圖表
• 17-66 echarts中資料集dataset使用
• 17-67 echarts內置組件使用
• 17-68 echarts坐標體系
• 17-69 Home首頁Card靜態元件
• 17-70 折線圖完成
• 17-71 長條圖和進度條完成
• 17-72 sale靜態元件（上）
• 17-73 sale靜態元件（中）
• 17-74 sale組件完畢
• 17-75 observe靜態組件
• 17-76 動態展示mock數據
• 17-77 權限管理模組介紹
• 17-78 權限管理模組的串講
• 17-79 選單&按鈕權限