1. 程式人生 > >Vue2.5開發去哪兒網App 從零基礎入門到實戰專案完整版

Vue2.5開發去哪兒網App 從零基礎入門到實戰專案完整版

第1章 課程介紹本章主要介紹課程的知識大綱,學習前提,講授方式及預期收穫。1-1 課程簡介第2章 Vue 起步本章將快速講解部分 Vue 基礎語法,通過 TodoList 功能的編寫,在熟悉基礎語法的基礎上,擴充套件解析 MVVM 模式及前端元件化的概念及優勢。2-1 課程學習方法2-2 hello world2-3 開發TodoList(v-model、v-for、v-on)2-4 MVVM模式2-5 前端元件化2-6 使用元件改造TodoList2-7 簡單的元件間傳值2-8 章節小結第3章 Vue 基礎精講本章通過精挑細選的案例,精講 Vue 中的基礎知識,包括例項、生命週期、指令、計算屬性、方法、偵聽器,表單等部分內容。

3-1 Vue例項3-2 Vue例項生命週期3-3 Vue的模版語法3-4 計算屬性,方法與偵聽器3-5 計算屬性的 getter 和 setter3-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的高階使用及localStorage8-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專案的聯調測試上線 - 課程總結與後續學習指南

下載地址:百度網盤