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

來源:互聯網
上載者:User

標籤:字母   展示   發布   配置   list   百度   組件開發   進階   共用   

第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 從零基礎入門到實戰項目

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.