1. 程式人生 > >Vue2.5開發去哪兒網App 從零基礎入門到實戰項目

Vue2.5開發去哪兒網App 從零基礎入門到實戰項目

基礎配置 可能 lan 第2章 方式 路由 表單 加載 基礎入門

第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項目的聯調測試上線 - 課程總結與後續學習指南

下載地址:百度網盤下載

Vue2.5開發去哪兒網App 從零基礎入門到實戰項目