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

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

黑马程序员 Vue.js项目实战学习路线图

黑马程序员 Vue.js项目实战重点知识

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、大数据可视化实战项目:组件开发

Logo

前往低代码交流专区

更多推荐