1-1 了解Vuejs課程介紹

1-2 理解Vuejs的認識與特質介紹

2-1 掌握vuejs安裝方式

2-2 掌握HelloVuejs的初體驗

2-3 掌握Vue列表的展示

2-4 掌握小案例 計數器

2-5 理解Vue的mvvm

2-6 理解Vue的options選項

3-1 理解什麼是Vue的生命週期

3-2 理解Vue的生命週期函數有哪些

3-3 了解定義vue的template

4-1 掌握內插操作 mustache語法

4-2 掌握內插操作 其他指令使用

5-1 掌握v bind的基本使用

5-2 掌握v bind動態綁定class物件語法

5-3 了解v bind動態綁定class數組語法

5-4 完成v bind和v for結合的作業佈置

5-5 掌握v bind動態綁定style物件語法

5-6 了解v bind動態綁定style數組語法

6-1 掌握計算屬性的基本使用

6-2 掌握計算屬性的複雜操作

6-3 了解課堂回顧

6-4 理解計算屬性setter和getter

6-5 掌握計算屬性和methods的對比

6-6 掌握塊級作用域 let和var

6-7 理解三種方案對比 ES5沒有閉包 有閉包 ES6的let

7-1 掌握const的使用與注意點

7-2 掌握ES6物件字面量增強寫法

7-3 掌握v on的參數傳遞問題

7-4 掌握v on的修飾符使用

7-5 掌握v if和v else if和v else的使用

7-6 掌握登入切換的小案例

7-7 瞭解登入切換的input復用問題

7-8 掌握v show的使用以及和v if的差別

7-9 掌握v for遍歷數組和對象

7-10 理解v for 綁定和非綁定key的區別

7-11 掌握axios的攔截器的使用

8-1 掌握數組中哪些方法是響應式的

8-2 掌握作業的回顧與實現

8-3 掌握購物車案例 介面搭建

8-4 掌握購物車案例 過濾器的使用

8-5 掌握購物車案例 改變購買數量

8-6 掌握購物車案例 移除按鈕 最終價格

9-1 掌握JavaScript高階函數的使用

9-2 掌握v model的使用與原理

9-3 掌握v model結合radio類型使用

9-4 掌握v model結合checkbox類型使用

9-5 掌握v model結合select類型使用

9-6 掌握input中的值綁定

9-7 掌握v model修飾符的使用

10-1 掌握組件化的實作與使用步驟

10-2 掌握組件化的基本使用流程

10-3 掌握全域元件和局部元件

10-4 掌握父組件和子組件的區分

10-5 掌握註冊組件的語法糖寫法

10-6 掌握組件模板抽離的寫法

10-7 理解為什麼組件data必須是函數

10-8 掌握父子元件通訊 父傳子props

10-9 掌握父子組件通訊 props駝峰標識

10-10 掌握父子元件通訊 子傳父自訂事件

10-11 了解專案演示

10-12 了解知識回顧

10-13 掌握父子組件通訊 結合雙向綁定案例

10-14 掌握結合雙向綁定案例 畫圖分析

10-15 了解結合雙向綁定案例 watch實現

10-16 掌握父訪問子 children refs

10-17 理解子訪問父 parent root

11-1 掌握slot 插槽的基本使用

11-2 掌握slot 具名插槽的使用

11-3 理解編譯作用域的概念

11-4 理解前端程式碼複雜帶來的問題

11-5 理解前端模組化雛形和CommonJS

11-6 掌握ES模組化的導入與匯出

12-1 理解webpack的介紹與安裝

12-2 掌握webpack的基本使用流程

12-3 掌握webpack config js配置和package json配置

12-4 掌握webpack中使用css檔案的配置

12-5 掌握webpack less檔案的處理

12-6 掌握webpack 圖片檔的處理

12-7 掌握webpack ES6轉ES5的babel

12-8 掌握webpack 使用Vue的設定流程

12-9 掌握創建Vue時template和el關係

12-10 掌握webpack 橫幅Plugin的使用

12-11 掌握webpack HtmlWebpackPlugin的使用

12-12 掌握webpack UglifyjsWebpackPlugin的使用

12-13 掌握webpack dev server搭建本機伺服器

12-14 掌握webpack 設定檔的分離

13-1 理解vuecli 鷹架的介紹與安裝

13-2 掌握vuecli CLI2初始化項目過程

13-3 理解vuecli CLI2的目錄結構解析

13-4 了解知識回顧

13-5 掌握安裝CLI錯誤和ESLint規範

13-6 理解runtime compiler和runtime only的差別

13-7 掌握VueCLI3創建專案與目錄結構

13-8 掌握箭頭函數的使用和this指向

13-9 理解什麼是路由和其中映射關係

13-10 理解前端渲染後端渲染與前端路由後端路由

13-11 掌握url的hash和HTML5的history

14-1 掌握vue router 安裝與設定方式

14-2 掌握路由映射配置與呈現出來

14-3 掌握路由的預設值和修改為history模式

14-4 掌握router link的其他屬性補充

14-5 掌握透過代碼跳轉路由

14-6 掌握vue router 動態路由的使用

14-7 掌握vue router 打包檔的解析

14-8 掌握vue router 路由懶加載的使用

14-9 掌握vue router 路由的嵌套使用

14-10 掌握vue router 參數傳遞一

14-11 掌握vue router 參數傳遞二

14-12 理解vue router router和route的由來

14-13 掌握vue router 全域導航守衛

14-14 理解vue router 導航守衛的補充

14-15 掌握vue router keep alive及其他問題

14-16 掌握vue router keep alive屬性介紹

15-1 掌握tabbar 基本結構的搭建

15-2 掌握tabbar TabBar和TabBarItem組件封裝

15-3 掌握tabbar 給TabBarItem傳入active圖片

15-4 掌握tabbar TabBarItem和路由結合效果

15-5 掌握tabbar TabBarItem的顏色動態控制

15-6 了解知識回顧

15-7 掌握tabbar 檔案路徑的引用問題

16-1 掌握Promise Promise的介紹與基本使用

16-2 掌握Promise Promise的三種狀態與另外處理方式

16-3 掌握Promise Promise的鍊式調用

16-4 掌握Promise Promise的all方法使用

16-5 掌握vuex Vuex概念與作用解析

16-6 掌握vuex 單一介面到多介面狀態管理切換

16-7 掌握vuex devtools和mutations

16-8 掌握vuex state單一狀態樹的理解

16-9 掌握vuex getters的使用詳解

16-10 掌握vuex mutations的攜帶參數

16-11 掌握vuex mutations的提交風格

16-12 掌握vuex 資料的響應式原理

16-13 掌握vuex mutations的類型常數

16-14 掌握vuex actions的使用詳解

16-15 掌握vuex modules的使用詳解

16-16 掌握vuex store資料夾的目錄組織

17-1 了解網路請求模組的選擇 axios

17-2 掌握axios框架的基本使用

17-3 掌握axios發送並發請求

17-4 掌握axios的設定資訊相關

17-5 掌握axios的實例和模組封裝

17-6 掌握axios的攔截器的使用

18-1 掌握專案開發 專案創建和GitHub託管

18-2 掌握專案開發 css文件的引入

18-3 掌握專案開發 vue config和editorconfig

18-4 掌握專案開發 tabbar引入與專案模組劃分

18-5 理解專案開發 小圖示的修改以及路徑問題

18-6 掌握首頁開發 首頁導覽列的封裝與使用

18-7 掌握首頁開發 請求首頁的多個數據

18-8 掌握首頁開發 輪播圖的展示

18-9 掌握首頁開發 推薦資訊的展示

18-10 了解知識回顧

18-11 掌握首頁開發 FeatureView的封裝

18-12 掌握首頁開發 TabControl的封裝

18-13 掌握首頁開發 保存商品的資料結構設計

18-14 掌握首頁開發 首頁資料的請求與保存

18-15 掌握首頁開發 首頁商品資料的展示

18-16 掌握首頁開發 TabControl點選切換商品

18-17 掌握Better Scroll的安裝與使用

18-18 掌握Better scroll的基本使用解析

18-19 掌握Better Scroll在Vue專案中使用流程

18-20 掌握首頁開發 BScroll的封裝以及使用

19-1 掌握首頁開發 BackTop元件的封裝與使用

19-2 掌握首頁開發 BackTop的顯示與隱藏

19-3 掌握首頁開發 完成上拉加載更多

19-4 掌握昨天內容的回顧

19-5 掌握首頁開發 滾動區域的Bug分析與解決

19-6 掌握refresh函數找不到的bug處理

19-7 掌握刷新頻繁的防手震函數處理

19-8 掌握上拉加載更多的完成

19-9 掌握TabControl的吸頂效果完成

19-10 掌握Home離開時記錄狀態與位置

19-11 掌握跳到詳情頁並且攜帶iid

19-12 掌握詳情頁 導覽列的封裝

19-13 掌握詳情頁 資料請求以及輪播圖展示

19-14 掌握詳情頁 商品基本資訊的展示

19-15 掌握詳情頁 店鋪資訊的解析與展示

19-16 掌握詳情頁 加入滾動的效果Scroll

19-17 掌握詳情頁 商品詳情數據展示

19-18 掌握詳情頁 商品參數資訊的展示

19-19 了解內容的回顧

19-20 掌握詳情頁 從首頁跳轉詳情頁

19-21 掌握詳情頁 首頁位置的保持

19-22 掌握詳情頁 詳情頁導覽列的實現

19-23 理解Better Scroll的scrollto函數的Bug

19-24 掌握詳情頁 根據iid詳情頁資料的請求

19-25 掌握詳情頁 頂部輪播圖的展示

19-26 掌握詳情頁 商品的基本資訊展示

19-27 掌握詳情頁 滾動問題處理和TabBar隱藏

19-28 掌握詳情頁 詳情頁店資訊展示

19-29 掌握詳情頁 詳情頁商品圖片資訊展示