下一節: 掌握详情页 详情页店铺信息展示462 次播放

5 秒后自动播放下一节
  重新觀看

Vue.js 2.0 從入門到實戰

介紹 >
章節課件
第1章Vue.js介紹

了解Vuejs課程介紹

15分鐘55秒

理解Vuejs的認識與特質介紹

24分鐘00秒
第2章Vue.js初體驗

掌握vuejs安裝方式

11分鐘07秒

掌握HelloVuejs的初體驗

21分鐘28秒

掌握Vue列表的展示

11分鐘37秒

掌握小案例 計數器

16分鐘19秒

理解Vue的mvvm

11分鐘40秒

理解Vue的options選項

07分鐘18秒
第3章Vue的生命週期

理解什麼是Vue的生命週期

17分鐘43秒

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

09分鐘59秒

了解定義vue的template

10分鐘16秒
第4章掌握內插操作

掌握內插操作 mustache語法

08分鐘08秒

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

21分鐘54秒
第5章掌握v bind使用

掌握v bind的基本使用

13分鐘33秒

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

13分鐘09秒

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

07分鐘38秒

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

05分鐘29秒

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

19分鐘40秒

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

02分鐘57秒
第6章掌握電腦屬性和區塊級作用域

掌握計算屬性的基本使用

10分鐘12秒

掌握計算屬性的複雜操作

08分鐘31秒

了解課堂回顧

14分鐘37秒

理解計算屬性setter和getter

16分鐘01秒

掌握計算屬性和methods的對比

09分鐘53秒

掌握塊級作用域 let和var

37分鐘53秒

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

14分鐘00秒
第7章基礎語法使用

掌握const的使用與注意點

15分鐘04秒

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

17分鐘31秒

掌握v on的參數傳遞問題

17分鐘55秒

掌握v on的修飾符使用

12分鐘33秒

掌握v if和v else if和v else的使用

12分鐘00秒

掌握登入切換的小案例

07分鐘02秒

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

12分鐘12秒

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

07分鐘54秒

掌握v for遍歷數組和對象

11分鐘11秒

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

16分鐘55秒

掌握axios的攔截器的使用

27分鐘39秒
第8章購物車案例

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

30分鐘15秒

掌握作業的回顧與實現

10分鐘41秒

掌握購物車案例 介面搭建

13分鐘17秒

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

05分鐘32秒

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

08分鐘43秒

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

06分鐘24秒
第9章掌握v mode使用

掌握JavaScript高階函數的使用

49分鐘59秒

掌握v model的使用與原理

16分鐘32秒

掌握v model結合radio類型使用

08分鐘50秒

掌握v model結合checkbox類型使用

09分鐘38秒

掌握v model結合select類型使用

07分鐘19秒

掌握input中的值綁定

07分鐘52秒

掌握v model修飾符的使用

10分鐘19秒
第10章組件化及父子組件通信

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

15分鐘58秒

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

11分鐘31秒

掌握全域元件和局部元件

10分鐘55秒

掌握父組件和子組件的區分

12分鐘37秒

掌握註冊組件的語法糖寫法

10分鐘38秒

掌握組件模板抽離的寫法

07分鐘37秒

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

28分鐘57秒

掌握父子元件通訊 父傳子props

37分鐘35秒

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

10分鐘28秒

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

22分鐘15秒

了解專案演示

11分鐘32秒

了解知識回顧

16分鐘56秒

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

32分鐘06秒

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

12分鐘46秒

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

04分鐘56秒

掌握父訪問子 children refs

17分鐘52秒

理解子訪問父 parent root

10分鐘56秒
第11章知識點數匯總

掌握slot 插槽的基本使用

17分鐘52秒

掌握slot 具名插槽的使用

07分鐘12秒

理解編譯作用域的概念

09分鐘17秒

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

16分鐘00秒

理解前端模組化雛形和CommonJS

22分鐘20秒

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

32分鐘24秒
第12章webpack

理解webpack的介紹與安裝

24分鐘41秒

掌握webpack的基本使用流程

18分鐘53秒

掌握webpack config js配置和package json配置

28分鐘14秒

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

24分鐘11秒

掌握webpack less檔案的處理

20分鐘47秒

掌握webpack 圖片檔的處理

38分鐘34秒

掌握webpack ES6轉ES5的babel

14分鐘11秒

掌握webpack 使用Vue的設定流程

22分鐘14秒

掌握創建Vue時template和el關係

09分鐘15秒

掌握webpack 橫幅Plugin的使用

12分鐘53秒

掌握webpack HtmlWebpackPlugin的使用

12分鐘33秒

掌握webpack UglifyjsWebpackPlugin的使用

06分鐘13秒

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

17分鐘13秒

掌握webpack 設定檔的分離

16分鐘50秒
第13章vuecli

理解vuecli 鷹架的介紹與安裝

23分鐘52秒

掌握vuecli CLI2初始化項目過程

25分鐘37秒

理解vuecli CLI2的目錄結構解析

40分鐘14秒

了解知識回顧

10分鐘15秒

掌握安裝CLI錯誤和ESLint規範

29分鐘34秒

理解runtime compiler和runtime only的差別

32分鐘42秒

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

42分鐘07秒

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

21分鐘55秒

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

17分鐘53秒

理解前端渲染後端渲染與前端路由後端路由

48分鐘17秒

掌握url的hash和HTML5的history

23分鐘03秒
第14章掌握vue router

掌握vue router 安裝與設定方式

11分鐘11秒

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

12分鐘48秒

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

09分鐘37秒

掌握router link的其他屬性補充

09分鐘40秒

掌握透過代碼跳轉路由

06分鐘43秒

掌握vue router 動態路由的使用

26分鐘39秒

掌握vue router 打包檔的解析

20分鐘13秒

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

13分鐘54秒

掌握vue router 路由的嵌套使用

15分鐘47秒

掌握vue router 參數傳遞一

23分鐘31秒

掌握vue router 參數傳遞二

04分鐘43秒

理解vue router router和route的由來

25分鐘37秒

掌握vue router 全域導航守衛

16分鐘45秒

理解vue router 導航守衛的補充

14分鐘49秒

掌握vue router keep alive及其他問題

30分鐘23秒

掌握vue router keep alive屬性介紹

07分鐘10秒
第15章掌握tabbar

掌握tabbar 基本結構的搭建

25分鐘15秒

掌握tabbar TabBar和TabBarItem組件封裝

24分鐘38秒

掌握tabbar 給TabBarItem傳入active圖片

11分鐘14秒

掌握tabbar TabBarItem和路由結合效果

15分鐘43秒

掌握tabbar TabBarItem的顏色動態控制

15分鐘11秒

了解知識回顧

12分鐘01秒

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

16分鐘38秒
第16章掌握Promise和vuex

掌握Promise Promise的介紹與基本使用

40分鐘44秒

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

10分鐘13秒

掌握Promise Promise的鍊式調用

19分鐘52秒

掌握Promise Promise的all方法使用

13分鐘09秒

掌握vuex Vuex概念與作用解析

21分鐘17秒

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

30分鐘34秒

掌握vuex devtools和mutations

13分鐘12秒

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

12分鐘35秒

掌握vuex getters的使用詳解

21分鐘27秒

掌握vuex mutations的攜帶參數

10分鐘48秒

掌握vuex mutations的提交風格

06分鐘02秒

掌握vuex 資料的響應式原理

21分鐘59秒

掌握vuex mutations的類型常數

08分鐘36秒

掌握vuex actions的使用詳解

24分鐘25秒

掌握vuex modules的使用詳解

19分鐘58秒

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

10分鐘55秒
第17章掌握axios

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

12分鐘55秒

掌握axios框架的基本使用

22分鐘23秒

掌握axios發送並發請求

14分鐘00秒

掌握axios的設定資訊相關

09分鐘16秒

掌握axios的實例和模組封裝

40分鐘14秒

掌握axios的攔截器的使用

27分鐘39秒
第18章實戰項目開發-1

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

22分鐘23秒

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

11分鐘14秒

掌握專案開發 vue config和editorconfig

10分鐘55秒

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

15分鐘32秒

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

05分鐘10秒

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

18分鐘20秒

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

27分鐘50秒

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

19分鐘46秒

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

11分鐘19秒

了解知識回顧

10分鐘01秒

掌握首頁開發 FeatureView的封裝

14分鐘03秒

掌握首頁開發 TabControl的封裝

24分鐘04秒

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

14分鐘51秒

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

24分鐘43秒

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

27分鐘08秒

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

09分鐘34秒

掌握Better Scroll的安裝與使用

掌握Better scroll的基本使用解析

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

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

第19章實戰項目開發-2

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

22分鐘54秒

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

24分鐘18秒

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

掌握昨天內容的回顧

36分鐘52秒

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

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

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

30分鐘42秒

掌握上拉加載更多的完成

掌握TabControl的吸頂效果完成

34分鐘58秒

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

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

掌握詳情頁 導覽列的封裝

09分鐘47秒

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

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

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

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

掌握詳情頁 商品詳情數據展示

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

了解內容的回顧

掌握詳情頁 從首頁跳轉詳情頁

掌握詳情頁 首頁位置的保持

掌握詳情頁 詳情頁導覽列的實現

理解Better Scroll的scrollto函數的Bug

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

14分鐘59秒

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

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

34分鐘34秒

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

掌握詳情頁 詳情頁店資訊展示

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

  • 取消回覆傳送
  • 取消發佈筆記傳送