課程簡介
以 vue.js 2.0 為基礎,從周邊基礎(預編譯樣式、ES6 基礎語法、開發工具、webpack 構建)覆蓋組件化應用與實戰,且包含服務端渲染實戰以及源碼解析
課程大綱
第一章 Vue.js 基礎 |
與其他框架的區別(jquery,angular,react,riot等)
* 雙向綁定
* 內置指令
* 計算屬性
* 過濾器
* class 與 style
* 過渡
* 組件化概念
? |
第二章 預編譯 css 基礎 |
* 預編譯優勢是什么
* 常用預編譯工具
* less
* sass
* stylus
* postcss
* 在 Vue.js 中的配置和應用
? |
第三章 ES6 語法基礎 |
* 模塊
* 變量定義
* 函數
* Object 對象
* 函數柯里化概念補充
* 在 Vue.js 中的配置和應用
* babel 基礎
? |
第四章 webpack |
* webpack 簡介
* 基本概念
* 配置信息
* 分文件配置
* 插件介紹
* 插件開發
* 高級篇
* 打包流程
* 打包速度優化
* 打包體積優化
* 內置插件解析
? |
第五章 開發工具 |
* IDE 推薦
* 如何調試 Vue.js
* 項目腳手架 vue-cli 介紹和使用
* vue-loader 配置和使用
? |
第六章 與服務端交互方式 |
* 插件介紹 axios
* 跨域處理
* jsonp 設置
* 自定義請求頭
* 全局封裝 request 方法
? |
第七章 路由和視圖 |
* 路由插件使用
* 路由插件優化
* 結合 webpack 做分片加載
* 實戰項目:搭建一個 SPA 項目
? |
第八章 常用表單 |
* v-model 的應用場景
* 驗證插件使用
* 修飾指令
? |
第九章 父子組件交互 |
* 常用方法
* 項目實戰案例
* slider 組件設計實戰
? |
第十章 組件開發和使用 |
* 基礎
* 模板
* 異步
* 生命周期
* 基于第三方組件開發
? |
第十一章 設計一個公司級組件庫 |
* 文件結構
* 組件拆分
* 打包合并策略
? |
第十二章 國際化解決方案項目實戰 |
* 如何設計一個國際化插件
* 如何架構整個國際化目錄和語言包
? |
第十三章 多頁和單頁應用項目實戰 |
* 單頁應用項目實戰
* 多頁應用項目實戰
* 基于 vue-cli 設計自己的腳手架
? |
第十四章 服務端渲染技術之 nuxt |
* nuxt 基礎
* nuxt 項目實戰
* 結合 docker 部署
? |
第十五章 服務端渲染技術之 egg + vue |
* egg 基礎
* nuxt 項目實戰
* 結合 docker 部署
? |
第十六章 Vue.js 本身的可視化實戰 |
* 如何在 Vue.js 框架基礎上封裝可視化
* 選擇哪個輕量可視化庫
? |
第十七章 源碼實現分析 |
* 數據監控
* 響應式原理
* 事件綁定
* 插件實現細節
? |
第十八章 未來 |
* 跨端方案結合 weex 案例分析
* 應用 typescript 是否已經可以投產 |