Vue.js 2.0 從入門到實戰
- 第1章 Vue.js介紹
- 1-1 了解Vuejs課程介紹
- 1-2 理解Vuejs的認識與特質介紹
- 第2章 Vue.js初體驗
- 2-1 掌握vuejs安裝方式
- 2-2 掌握HelloVuejs的初體驗
- 2-3 掌握Vue列表的展示
- 2-4 掌握小案例 計數器
- 2-5 理解Vue的mvvm
- 2-6 理解Vue的options選項
- 第3章 Vue的生命週期
- 3-1 理解什麼是Vue的生命週期
- 3-2 理解Vue的生命週期函數有哪些
- 3-3 了解定義vue的template
- 第4章 掌握內插操作
- 4-1 掌握內插操作 mustache語法
- 4-2 掌握內插操作 其他指令使用
- 第5章 掌握v bind使用
- 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章 掌握電腦屬性和區塊級作用域
- 6-1 掌握計算屬性的基本使用
- 6-2 掌握計算屬性的複雜操作
- 6-3 了解課堂回顧
- 6-4 理解計算屬性setter和getter
- 6-5 掌握計算屬性和methods的對比
- 6-6 掌握塊級作用域 let和var
- 6-7 理解三種方案對比 ES5沒有閉包 有閉包 ES6的let
- 第7章 基礎語法使用
- 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章 購物車案例
- 8-1 掌握數組中哪些方法是響應式的
- 8-2 掌握作業的回顧與實現
- 8-3 掌握購物車案例 介面搭建
- 8-4 掌握購物車案例 過濾器的使用
- 8-5 掌握購物車案例 改變購買數量
- 8-6 掌握購物車案例 移除按鈕 最終價格
- 第9章 掌握v mode使用
- 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章 組件化及父子組件通信
- 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章 知識點數匯總
- 11-1 掌握slot 插槽的基本使用
- 11-2 掌握slot 具名插槽的使用
- 11-3 理解編譯作用域的概念
- 11-4 理解前端程式碼複雜帶來的問題
- 11-5 理解前端模組化雛形和CommonJS
- 11-6 掌握ES模組化的導入與匯出
- 第12章 webpack
- 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章 vuecli
- 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章 掌握vue router
- 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章 掌握tabbar
- 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章 掌握Promise和vuex
- 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章 掌握axios
- 17-1 了解網路請求模組的選擇 axios
- 17-2 掌握axios框架的基本使用
- 17-3 掌握axios發送並發請求
- 17-4 掌握axios的設定資訊相關
- 17-5 掌握axios的實例和模組封裝
- 17-6 掌握axios的攔截器的使用
- 第18章 實戰項目開發-1
- 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章 實戰項目開發-2
- 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 掌握詳情頁 詳情頁商品圖片資訊展示
