1. 程式人生 > >Vue2.5開發去哪兒網App 從零基礎入門到實戰專案最新無密

Vue2.5開發去哪兒網App 從零基礎入門到實戰專案最新無密

 

第1章 課程介紹
本章主要介紹課程的知識大綱,學習前提,講授方式及預期收穫。

1-1 課程簡介


第2章 Vue 起步
本章將快速講解部分 Vue 基礎語法,通過 TodoList 功能的編寫,在熟悉基礎語法的基礎上,擴充套件解析 MVVM 模式及前端元件化的概念及優勢。

2-1 課程學習方法
2-2 hello world
2-3 開發TodoList(v-model、v-for、v-on)
2-4 MVVM模式
2-5 前端元件化
2-6 使用元件改造TodoList
2-7 簡單的元件間傳值
2-8 章節小結


第3章 Vue 基礎精講
本章通過精挑細選的案例,精講 Vue 中的基礎知識,包括例項、生命週期、指令、計算屬性、方法、偵聽器,表單等部分內容。



3-1 Vue例項
3-2 Vue例項生命週期
3-3 Vue的模版語法
3-4 計算屬性,方法與偵聽器
3-5 計算屬性的 getter 和 setter
3-6 Vue中的樣式繫結
3-7 Vue中的條件渲染
3-8 Vue中的列表渲染
3-9 Vue中的set方法


第4章 深入理解 Vue 元件
本章將深入講解 Vue 元件使用的細節點,從父子元件的引數傳遞及校驗入手,逐步深入到非父子元件間傳值、插槽、作用域插槽、動態元件等內容的講解。

4-1 使用元件的細節點
4-2 父子元件間的資料傳遞
4-3 元件引數校驗與非 props 特性
4-4 給元件繫結原生事件
4-5 非父子元件間的傳值
4-6 在Vue中使用插槽
4-7 作用域插槽

4-8 動態元件與 v-once 指令


第5章 Vue 中的動畫特效
本章將講解 Vue 中的 Css 及 Js 動畫原理,以及在 Vue 中如使用 Animate.css 及Velocity.js 動畫庫,在理解了基礎動畫原理後,本章還擴充套件了 Vue 中多元素及列表過渡效果實現的知識,並會帶同學們學習如何對通用動畫效果進行程式碼封裝。...

5-1 Vue動畫 - Vue中CSS動畫原理
5-2 在Vue中使用 animate.css 庫
5-3 在Vue中同時使用過渡和動畫
5-4 Vue中的 Js 動畫與 Velocity.js 的結合
5-5 Vue中多個元素或元件的過渡
5-6 Vue中的列表過渡

5-7 Vue中的動畫封裝
5-8 本章小節


第6章 Vue 專案預熱
本章首先講解專案環境的基礎配置,在此基礎上分析工程程式碼目錄結構,延展講解 Vue中單檔案元件及單頁面應用路由的概念,最後將帶大家整理專案目錄,完成 stylus、reset.css 等基礎工具及樣式的引入,完成專案開發前的準備工作。...

6-1 Vue專案預熱 - 環境配置
6-2 Vue專案預熱 - 專案程式碼介紹
6-3 Vue專案預熱 - 單檔案元件與Vue中的路由
6-4 Vue專案預熱 - 單頁應用VS多頁應用
6-5 Vue專案預熱 - 專案程式碼初始化


第7章 專案實戰 - 旅遊網站首頁開發
本章正式進入專案開發環節,將帶大家完整的實現專案中的首頁,涵蓋的功能點包含header元件拆分、iconfont引入、多區塊輪播、熱銷推薦及週末遊等展示模組。

7-1 Vue專案首頁 - header區域開發
7-2 Vue專案首頁 - iconfont 的使用和程式碼優化
7-3 Vue專案首頁 - 首頁輪播圖
7-4 Vue專案首頁 - 圖示區域頁面佈局
7-5 Vue專案首頁 - 圖示區域邏輯實現
7-6 Vue專案首頁 - 熱銷推薦元件開發
7-7 Vue專案首頁 - 開發週末遊元件
7-8 Vue專案首頁 - 使用 axios 傳送 ajax 請求
7-9 Vue專案首頁 - 首頁父子組元件間傳值


第8章 專案實戰 - 旅遊網站城市列表頁面開發
本章將講解景點詳情頁面的開發,主要講解漸隱漸顯 Header 元件的製作,公用元件的拆分,路由引數的獲取與處理,以及遞迴元件的使用。在詳情頁面,我們還會對通用動畫效果進行程式碼封裝。

8-1 Vue專案城市選擇頁 - 路由配置
8-2 Vue專案城市選擇頁 - 搜尋框佈局
8-3 Vue專案城市選擇頁 - 列表佈局
8-4 Vue專案城市選擇頁 - BetterScroll 的使用和字母表佈局
8-5 Vue專案城市選擇頁 - 頁面的動態資料渲染
8-6 Vue專案城市選擇頁 - 兄弟元件資料傳遞
8-7 Vue專案城市選擇頁 - 列表效能優化
8-8 Vue專案城市選擇頁 - 搜尋邏輯實現
8-9 Vue專案城市選擇頁 - Vuex實現資料共享
8-10 Vue專案城市選擇頁 - Vuex的高階使用及localStorage
8-11 Vue專案城市選擇頁 - 使用keep-alive優化網頁效能


第9章 專案實戰 - 旅遊網站詳情頁面開發
本章將講解景點詳情頁面的開發,主要講解漸隱漸顯Header元件的製作,公用元件的拆分,路由引數的獲取與處理,以及遞迴元件的使用。在詳情頁面,我們還會對通用動畫效果進行程式碼封裝。

9-1 Vue專案詳情頁 - 動態路由和banner佈局
9-2 Vue專案詳情頁 - 公用圖片畫廊元件拆分
9-3 Vue專案詳情頁 - 實現Header漸隱漸顯效果
9-4 Vue專案詳情頁 - 對全域性事件的解綁
9-5 Vue專案詳情頁 - 使用遞迴元件實現詳情頁列表
9-6 Vue專案詳情頁 - 動態獲取詳情頁面資料
9-7 Vue專案詳情頁 - 在專案中加入基礎動畫


第10章 實戰專案 - 專案的聯調,測試與釋出上線
本章將以公司級別專案的要求,給大家講解當專案開發完成後,開發人員進行聯調,測試,及釋出的詳細流程,同時點出過程中可能遇到的問題及修復方案。另外,還會給大家補充講解非同步元件的知識點,通過使用非同步元件,我們可以大幅提高大型專案的首屏速度。最後,我們將給大家講解,在這麼課程學習完之後,繼續深入學習Vue的方...

10-1 Vue專案的聯調測試上線 - 專案前後端聯調
10-2 Vue專案的聯調測試上線 - 真機測試
10-3 Vue專案的聯調測試上線 - 打包上線
10-4 Vue專案的聯調測試上線 - 非同步元件實現按需載入
10-5 Vue專案的聯調測試上線 - 課程總結與後續學習指南

 

下載地址:百度網盤