熟用 Vue 后,带给我的改变

作者: c2360084a7d2 | 来源:发表于2020-04-09 10:04 被阅读0次

Vue3.0即将发布,前端工作者们都在翘首以盼着它的到来。Vue,React这样的框架可以说是现在前端的必备技能,一个刚入门两三个月的前端都是要会Vue的。那vue3.0的升级又会如何呢?

大家有没有想过一个问题?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字符串。

所以各位前端的朋友,真心建议大家不要把自己锁在会了Vue,安心写业务代码的思维里。企业对于前端的要求只会越来越高。希望大家按照上面的点自我检索,不要出现从公司离职就失业的尴尬。

在这里,给大家整理了一份前端工程师学习成长思维导图,希望能对你有所帮助:

我目前是在职前端开发,如果你现在也想学习前端开发技术, 在入门学习前端的过程当中有遇见任何关于学习方法,学习路线,学习效率等方面的问题, 你都可以申请加入我的前端学习交流裙:前面:603 中间:985 最后:993。里面聚集了一些正在自学前端的初学者, 裙文件里面也有我做前端技术这段时间整理的一些前端学习手册,前端面试题, 前端开发工具,PDF文档书籍教程,需要的话都可以自行来获取下载。

相关文章

  • 熟用 Vue 后,带给我的改变

    Vue3.0即将发布,前端工作者们都在翘首以盼着它的到来。Vue,React这样的框架可以说是现在前端的必备技能,...

  • 厨艺修炼~牛肉炒芹菜

    材料:熟牛肉(我妈给我从家带的) 小芹菜(我用细的那种) 尖椒(绿色 辣的 ) ...

  • Vue webpack打包后,css样式发生改变或不起作用

    用run dev build打包后,发现样式改变了,最终发现addAdress.vue和myAdress.vue中...

  • 论vue用的熟不熟

    上图代码大家并不陌生吧,就是显示隐藏,而且还是在用了vue框架下写的,其实小编我也是被喷的不行,不怪别人,这样写真...

  • Vue实例

    Vue实例 每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的: 当这些数据改变时,视图会...

  • 《爱的教育》之《意志》《感恩》

    读完《意志》后,要像斯带蒂这样意志坚强,努力改变自己,改变孩子,改变家人,用适合我的方法坚持下去,而且要比以前做得...

  • vue 的全局API

    vue 的全局API:在构造器外部用vue提供给我们的API函数来定义新的功能 vue2.0_Vue.direct...

  • 上易效能前一天

    昨天妈妈一下车到家,就给妈妈列了10条“规定”,交代水、电、用、吃、衣服等等。今天送大宝上学后匆忙带妈妈熟...

  • 我对Vue数据响应式的理解

    代码示例 当data中n的内容发生改变的时候,Vue可以监听这种改变,并将更新后的n呈现到页面上那么Vue是怎么做...

  • vue 打包后 部署到服务器 F5 刷新 页面错误

    vue-router 默认模式是 hast,很丑,url带一个#号。去掉#号可以用history模式。vue-ro...

网友评论

    本文标题:熟用 Vue 后,带给我的改变

    本文链接:https://www.haomeiwen.com/subject/hheqmhtx.html