關於導師
- 王林
- 您將會學到:
Vue.js是非常流行的一個前端開發框架,採用漸進式底層向上開發模式，使用了主流的MVVM設計框架。本課程以Vue.js開發的核心理念與常用技術為背景，讓您在最短的時間內理解並掌握Vue.js框架的核心知識，為進一步深造打下良好的基礎。
了解Vuejs課程介紹
15分鐘55秒理解Vuejs的認識與特質介紹
24分鐘00秒掌握vuejs安裝方式
11分鐘07秒掌握HelloVuejs的初體驗
21分鐘28秒掌握Vue列表的展示
11分鐘37秒掌握小案例 計數器
16分鐘19秒理解Vue的mvvm
11分鐘40秒理解Vue的options選項
07分鐘18秒理解什麼是Vue的生命週期
17分鐘43秒理解Vue的生命週期函數有哪些
09分鐘59秒了解定義vue的template
10分鐘16秒掌握內插操作 mustache語法
08分鐘08秒掌握內插操作 其他指令使用
21分鐘54秒掌握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秒掌握計算屬性的基本使用
10分鐘12秒掌握計算屬性的複雜操作
08分鐘31秒了解課堂回顧
14分鐘37秒理解計算屬性setter和getter
16分鐘01秒掌握計算屬性和methods的對比
09分鐘53秒掌握塊級作用域 let和var
37分鐘53秒理解三種方案對比 ES5沒有閉包 有閉包 ES6的let
14分鐘00秒掌握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秒掌握數組中哪些方法是響應式的
30分鐘15秒掌握作業的回顧與實現
10分鐘41秒掌握購物車案例 介面搭建
13分鐘17秒掌握購物車案例 過濾器的使用
05分鐘32秒掌握購物車案例 改變購買數量
08分鐘43秒掌握購物車案例 移除按鈕 最終價格
06分鐘24秒掌握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秒掌握組件化的實作與使用步驟
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秒掌握slot 插槽的基本使用
17分鐘52秒掌握slot 具名插槽的使用
07分鐘12秒理解編譯作用域的概念
09分鐘17秒理解前端程式碼複雜帶來的問題
16分鐘00秒理解前端模組化雛形和CommonJS
22分鐘20秒掌握ES模組化的導入與匯出
32分鐘24秒理解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秒理解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秒掌握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秒掌握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秒掌握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秒了解網路請求模組的選擇 axios
12分鐘55秒掌握axios框架的基本使用
22分鐘23秒掌握axios發送並發請求
14分鐘00秒掌握axios的設定資訊相關
09分鐘16秒掌握axios的實例和模組封裝
40分鐘14秒掌握axios的攔截器的使用
27分鐘39秒掌握專案開發 專案創建和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的封裝以及使用
掌握首頁開發 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隱藏
掌握詳情頁 詳情頁店資訊展示
掌握詳情頁 詳情頁商品圖片資訊展示
Vue.js是非常流行的一個前端開發框架,採用漸進式底層向上開發模式，使用了主流的MVVM設計框架。本課程以Vue.js開發的核心理念與常用技術為背景，讓您在最短的時間內理解並掌握Vue.js框架的核心知識，為進一步深造打下良好的基礎。
