课程简介
以 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 是否已经可以投产 |