2020最新版前端学习路线图--Vue.js项目实战

黑马程序员前端学习路线图中第五阶段的学习是Vue.js项目实战的学习：主要介绍了前端学习路线图Vue.js项目实战的学习目标，前端学习路线图Vue.js项目实战的市场价值，前端学习路线图Vue.js项目实战的重点知识。前端学习路线图中的Vue.js项目实战学习视频可以在黑马程序员视频库中找到自学教程。

前端学习路线图中Vue.js项目实战的技术要点：Vue.js基础；webpack；社交媒体-黑马头条；Vue进阶；服务端渲染；大数据可视化。

Vue.js基础

1、Vue实例
2、文本与属性绑定
3、计算属性computed
4、侦听器watch
5、Class与Style绑定
6、条件渲染
7、列表渲染
8、事件处理
9、表单输入绑定
10、Vue实例生命周期
11、开发Vue插件和模板过滤器
12、自定义指令
13、Vue组件系统
14、Vue过渡和动画
15、VueRouter路由系统
16、组件通信
17、axios请求库
18、VueCLI脚手架工具
19、VueDevTools调试工具
20、在Vue中操作DOM

webpack

1、安装与基本配置
2、打包JavaScript模块
3、打包CSS模块
4、打包图片和字体文件模块
5、打包less/sass资源模块
6、ES6转ES5
7、打包.vue资源模块
8、配置ESLint代码校验工具
9、使用clean-webpack-plugin插件清除打包结果目录
10、使用HtmlWebpackPlugin打包HTML资源
11、处理打包结果的Sourcemaps
12、监视打包模式
13、使用webpack-dev-server
14、模块打包热更新
15、treeshaking打包优化
16、生产环境和开发环境分离打包
17、打包优化之CodeSplitting代码分割
18、打包优化之模块懒加载
19、打包优化之缓存

社交媒体-黑马头条

1、使用VueCLI初始化项目
2、使用Git+Github管理项目源代码
3、使用axios与服务端交互
4、使用VueRouter管理项目中的路由
5、使用VantUI框架
6、使用Vuex管理组件状态
7、使用Sass预处理器
8、基于JWT的前后端token鉴权
9、使用Socket.io进行实时通信
10、移动端富文本编辑器解决方案
11、使用Cordova打包移动App
12、项目打包发布上线

Vue进阶

1、组件封装进阶
2、MVVM数据绑定原理
3、Render方法原理
4、$nextTick方法的使用
5、发布订阅模式

服务端渲染

1、SSR核心概念
2、SSR基本用法
3、编写通用代码
4、路由和代码分割
5、构建配置
6、Nuxt.js

大数据可视化

1、数据库可视化基础
2、echarts/d3.js入门
3、其它可视化库
4、大数据可视化实战项目：组件开发