Vue.js 是最火的前端框架，幾乎沒有之一，資深程序員這樣評(píng)價(jià)它：“Vue.js 兼具 Angular.js 和 React.js 的優(yōu)點(diǎn)，并剔除它們的缺點(diǎn)”，很多前端工程師都視Vue.js為心中最理想的框架
課程目錄：
第1章 課程簡介
介紹課程的學(xué)習(xí)目標(biāo)和學(xué)習(xí)內(nèi)容。
第2章 Vuejs介紹
從前端開發(fā)趨勢(shì)分析開始，引入 MVVM 開發(fā)框架和 Vue.js，接著對(duì)比流行框架Angular 和 React，最后詳細(xì)介紹 Vue.js 的核心思想-數(shù)據(jù)驅(qū)動(dòng)和組件化。
第3章 Vue-cli 開啟 Vuejs 項(xiàng)目
介紹 Vue 項(xiàng)目的腳手架，如何安裝，對(duì)腳手架生成的目錄文件做介紹，介紹 Vue 組件的編寫方法，最后運(yùn)行 demo 項(xiàng)目并介紹 webpack 構(gòu)建腳本來說明 demo 的運(yùn)行原理。
第4章 項(xiàng)目實(shí)戰(zhàn)-準(zhǔn)備工作
分析外賣 APP 商家頁面的需求，準(zhǔn)備圖片資源，利用 icon-moon 把 svg 制作成圖標(biāo)字體，對(duì)代碼的目錄結(jié)構(gòu)設(shè)計(jì)，最后 mock 測(cè)試數(shù)據(jù)。
第5章 項(xiàng)目實(shí)戰(zhàn)-頁面骨架開發(fā)
設(shè)計(jì)頁面的骨架，拆分組件，商品、評(píng)論和商家詳情頁利用 Vue-router 做切換，最后還介紹了 flex 彈性布局以及移動(dòng)端 1 像素 border 實(shí)現(xiàn)的小技巧。
第6章 項(xiàng)目實(shí)戰(zhàn)-header組件開發(fā)
編寫 header 頭部組件，應(yīng)用 Vue-resource 從服務(wù)端讀取數(shù)據(jù)，介紹如何在 Vue.js 中使用過渡動(dòng)畫，如何編寫 css sticky footer 布局，如何從需求中抽象出 star 星星組件。
第7章 項(xiàng)目實(shí)戰(zhàn)-goods 商品列表頁開發(fā)
編寫 goods 商品組件，包括它的子組件 shopcart 購物車。介紹了如何在 Vue.js 應(yīng)用第三方 JS 插件 better-scroll實(shí)現(xiàn)列表滾動(dòng)，并配合 Vue.js 的計(jì)算屬性來實(shí)現(xiàn)左右列表的聯(lián)動(dòng)。應(yīng)用了自定義 Vue.js 過渡動(dòng)畫實(shí)現(xiàn)了購物車的飛入動(dòng)畫效果，介紹了在 Vue.js中父子組件如何通訊。...
第8章 項(xiàng)目實(shí)戰(zhàn)-food 商品詳情頁實(shí)現(xiàn)
編寫 food 商品詳情頁組件，介紹了圖片占位的技巧，并從需求中抽象出的 split 分隔組件和 ratingselect 評(píng)論組件，實(shí)現(xiàn)自定義過濾器 datefilter。
第9章 項(xiàng)目實(shí)戰(zhàn)-ratings評(píng)價(jià)列表頁實(shí)現(xiàn)
編寫 ratings 評(píng)價(jià)列表頁，感受在 Vue.js 中復(fù)用組件的好處，實(shí)現(xiàn)快速開發(fā)。
第10章 項(xiàng)目實(shí)戰(zhàn)-seller 商家詳情頁實(shí)現(xiàn)
編寫 seller 商家詳情頁，實(shí)現(xiàn)一套通用移動(dòng)端數(shù)據(jù)存取方案，以及對(duì)項(xiàng)目做一些體驗(yàn)上的優(yōu)化。
第11章 項(xiàng)目實(shí)戰(zhàn)-項(xiàng)目編譯打包
上線前的最后一步，編譯打包Vue.js 項(xiàng)目。介紹了 webpack 編譯時(shí)的配置，如何利用node.js 開啟一個(gè)server本地調(diào)試。
第12章 課程總結(jié)
對(duì)課程做總結(jié)，并列出了課程所提到的主要知識(shí)點(diǎn)的鏈接，作為課程的延伸學(xué)習(xí)。
第13章 項(xiàng)目從 vue.js1.0 向 2.0 升級(jí)
本章節(jié)把項(xiàng)目從1.0向2.0升級(jí)向大家做了簡要的介紹。
最新
名師講座視頻網(wǎng)
電腦辦公軟件教程
