前些日，尤大大在微博公布了制作 Vue3.0 的过程，想必大家都点进去阅读了，我阅读完之后也受益匪浅，文章讲述了 vue3.0 的特别之处，讲述了“为什么会有 vue”、“更新后有什么好处"，我对一句话印象很深：“我们会在未来的几个月中继续努力，而且我们迫不及待想要看到社区能用 Vue3.0 创造怎样的精彩了。”当然，可能又会有人说，我不支持 Vue，React 才是首选，但其实合适才是最重要的。
那么，Vue 这么受大众接受，那么大家有没有想过一个问题？Vue，React 这样的框架已经是基本功，我们有什么办法能运用得比别人厉害呢？
能够独立用 Vue 写一个项目其实只是入了一个门，在如今技术快速发展的背景下，要真的作为一个敢说出熟练 Vue 的人，先看看下面这些是不是过关了？
1
基本功
见过很多前端用 Vue，React，就放弃 JavaScript 的修炼。
作为基本功，无论工具如何变迁，了解 JavaScript 底层，理解 JavaScript 的各种特性，无论你用什么工具都是手到擒来。底子不扎实，日常出现一个 bug 都要花很多时间去定位问题。
如果你去观察那些前端负责人，前端架构师，除了技术层面，他们在设计模式，思维以及对软件工程的理解都是很优秀的。而这些的前提还是基础先扎实，再去打上层建筑。
我们需要学习哪些：
1. JavaScript 的运行机制，作用域，原型链，变量特点等底层原理。
2. 设计模式，架构思维，编程思想，软件工程的常见问题。
2
最佳实践
我们都会写路由。
但是你知道路由如何写才能保证多路由模块解耦，保证更方便增加新的路由模块吗？
我们都会对Vue项目最后打包上线。
但是你知道如何编写配置文件能让打包速度最优化吗？
我们都会写组件。
但是你知道怎么让组件能够成为高复用性的组件库型组件吗？
诸如此类的问题，是实践中区分前端水平高低的最重要因素，也是很多前端程序员迟迟等不到大厂offer，突破不到高级前端的重要因素。
对很多人来说很为难的一点是，中小公司工作的程序员，写着平时的业务代码，很少有机会接触到大厂的优秀实践。如果大家以后有机会学习到此类的东西，无论如何一定不要错过。
这里推荐一些自己的最佳实践：
1. 二次封装 axios，方便自己的项目请求与数据操作
2. 封装公用工具库，对于项目组常用的如 cookie，session，字符验证等功能先进行封装。
3. 对经常不变的库进行 Dll 打包，加快打包速度
3
最佳源码
如果最近在找工作，或多或少都感受到了，面试时已经会开始问 Vue 底层源码的问题。既然人人都会 Vue，那么面试官挑选人才，除了考你的编程能力，对于最佳实践的理解，就是问你源码了。抛开别的不说，就面试来说源码都是十分重要了。
除此之外，真正理解源码，对于所用工具的理解会上升一个层次。你会发现自己再写起 Vue 来，bug 会少很多，修复起 bug 来也会快速很多。
但是于此同时很多人也面临一个问题，就是完全看不懂源码，跟别说理解通透了。
这里说几个 Vue 的底层原理：
1. 数据双向绑定，Vue3 之前通过 get 和 set 完成，而 Vue3 后通过 proxy 来完成。
2. Vue 中有一个虚拟 dom，其实虚拟 dom 就是一个内部的 json 字符串。
所以各位前端的朋友，真心建议大家不要把自己锁在会了 Vue，安心写业务代码的思维里。企业对于前端的要求只会越来越高。希望大家按照上面的点自我检索，不要出现从公司离职就失业的尴尬。
在这里，给大家整理了一份前端工程师学习成长思维导图，希望能对你有所帮助：
扫码领取
前端工程师学习成长思维导图
当然，有这些还不够，给大家推荐一个学习平台——网易云课堂，这里有资深前端技术专家的限时免费直播课免费赠送，课程内容涉及 Vue 的设计思想解析，单元测试，从零实现专业 vue 轮播组件...
也通过对源码的解读去培养大家的程序员思维，帮助大家加深对工具的理解，同时也分享实用的面试技巧。
6.1-6.7 前端限时 0 元课程
1. 架构：《说优化就不得不提缓存，带你做一个缓存架构》
前端通常有哪些优化方式
缓存方式有哪些
做一个缓存架构
2. 技能：《你真的会 webpack 吗？带你解析你的 webpack 配置》
代码分割到底是在分割什么
开发模式怎么手动搭建
插件和 loader 本质是什么
3.项目：《独家放送 —网易云 vue 技巧解密》
路由自动加载
插件开发实例
打包优化 dll
深入浅出的干货课程，没有套路，更多课程扫码添加网易云课堂前端助教，就可以 0 元获得！
扫码领取
0元前端进阶系列直播课
更有前端进阶资料包免费赠送
2176
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
