莫名的对一件陌生的事物产生兴趣,也许不是为了简单的生计,为了你,我已经准备了HTML,CSS,JavaScript,bootstrap,jQuery,Nodejs,webpack,npm,linux,无论如何,我都要和你成为最好的伙伴VUE。
嗯,我已经阅读你的文档很久了,尤总。现在你已经成功给IT教育增添了一门教科书。这些天只想送你两个字,无耻。希望以后能送你两个字,感谢。
前几天被一朋友喊为前端小哥,忽然有些发愣,就像别人喊我外卖小哥一样,请也不要称呼我们老师,师傅之类的,还是亲切的称呼一声小哥哥吧。。也不要向我们身上贴上直男的标签,我们很单纯的,好嘛。。如果你为了一个项目,做到一周不怎么说话,天天熊猫眼,和女孩聊天内容就在工作间隙,估计你也会成为直男,习惯成就你的态度,好嘛。。
都说态度决定一切,但是你的态度需要从零做起,Vue。当我在 2019年第一次接触它时,大多是因为工作需要,想成为适应工作的人,只能去学习你了。。下面就来介绍一下vue
Vue,React这样的框架可以说是现在前端的必备技能,一个刚入门两三个月的前端都是要会Vue的。
但是大家有没有想过一个问题?Vue,React这样的框架已经是基本功,我们凭什么敢说比别人厉害呢?
能够独立用Vue写一个项目其实只是入了一个门,在如今技术快速发展的背景下,要真的作为一个敢说出熟练Vue的人,先看看下面这些是不是过关了?
01.
基本功
我见过很多前端用Vue,React,就放弃JavaScript的修炼。
作为基本功,无论工具如何变迁,了解JavaScript底层,理解JavaScript的各种特性,无论你用什么工具都是手到擒来。底子不扎实,日常出现一个bug都要花很多时间去定位问题。
如果你去观察那些前端负责人,前端架构师,除了技术层面,他们在设计模式,思维以及对软件工程的理解都是很优秀的。而这些的前提还是基础先扎实,再去打上层建筑。
我们需要学习哪些:
1. JavaScript的运行机制,作用域,原型链,变量特点等底层原理。
2. 设计模式,架构思维,编程思想,软件工程的常见问题。
02.
最佳实践
我们都会写路由。
但是你知道路由如何写才能保证多路由模块解耦,保证更方便增加新的路由模块吗?
我们都会对Vue项目最后打包上线。
但是你知道如何编写配置文件能让打包速度最优化吗?
我们都会写组件。
但是你知道怎么让组件能够成为高复用性的组件库型组件吗?
诸如此类的问题,是实践中区分前端水平高低的最重要因素,也是很多前端程序员迟迟等不到大厂offer,突破不到高级前端的重要因素。
对很多人来说很为难的一点是,中小公司工作的程序员,写着平时的业务代码,很少有机会接触到大厂的优秀实践。如果大家以后有机会学习到此类的东西,无论如何一定不要错过。
这里推荐一些自己的最佳实践:
1. 二次封装axios,方便自己的项目请求与数据操作
2. 封装公用工具库,对于项目组常用的如cookie,session,字符验证等功能先进行封装。
3. 对经常不变的库进行 Dll 打包,加快打包速度
03.
源码
如果最近在找工作,或多或少都感受到了,面试时已经会开始问Vue底层源码的问题。既然人人都会Vue,那么面试官挑选人才,除了考你的编程能力,对于最佳实践的理解,就是问你源码了。抛开别的不说,就面试来说源码都是十分重要了。
除此之外,真正理解源码,对于所用工具的理解会上升一个层次。你会发现自己再写起Vue来,bug会少很多,修复起bug来也会快速很多。
但是于此同时很多人也面临一个问题,就是完全看不懂源码,跟别说理解通透了。
这里说几个Vue的底层原理:
1. 数据双向绑定,Vue3之前通过get和set完成,而Vue3后通过proxy来完成。
2. Vue中有一个虚拟dom,其实虚拟dom就是一个内部的json字符串。