前端自学路线图之Vue

本文详细介绍了Vue.js项目自学过程,包括Webpack配置、模块打包优化、服务端渲染(SSR)、VueCLI工具使用、组件封装等,以及如何应对前端面试中对基础概念的深层理解需求。
摘要由CSDN通过智能技术生成

8、事件处理

9、表单输入绑定

10、Vue实例生命周期

11、开发Vue插件和模板过滤器

12、自定义指令

13、Vue组件系统

14、Vue过渡和动画

15、VueRouter路由系统

16、组件通信

17、axios请求库

18、VueCLI脚手架工具

19、VueDevTools调试工具

20、在Vue中操作DOM

Vue.js项目自学–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、打包优化之缓存

Vue.js项目自学–社交媒体-黑马头条


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.js项目自学–Vue进阶


1、组件封装进阶

2、MVVM数据绑定原理

3、Render方法原理

4、$nextTick方法的使用

5、发布订阅模式

Vue.js项目自学–服务端渲染


1、SSR核心概念

2、SSR基本用法

3、编写通用代码

4、路由和代码分割

5、构建配置

6、Nuxt.js

总结

=============================================================

从转行到现在,差不多两年的时间,虽不能和大佬相比,但也是学了很多东西。我个人在学习的过程中,习惯简单做做笔记,方便自己复习的时候能够快速理解,现在将自己的笔记分享出来,和大家共同学习。

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

个人将这段时间所学的知识,分为三个阶段:

第一阶段:HTML&CSS&JavaScript基础

第二阶段:移动端开发技术

第三阶段:前端常用框架

  • 推荐学习方式:针对某个知识点,可以先简单过一下我的笔记,如果理解,那是最好,可以帮助快速解决问题;如果因为我的笔记太过简陋不理解,可以关注我以后我还会继续分享。

  • 大厂的面试难在,针对一个基础知识点,比如JS的事件循环机制,不会上来就问概念,而是换个角度,从题目入手,看你是否真正掌握。所以对于概念的理解真的很重要。

  • 16
    点赞
  • 19
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值