碎碎念之前端学习到什么程度才能工作_前端入职只会vue

首先呢，博主是帝都本地人，做了6年多前端，虽然没有去过其他城市工作过，但是也给公司分部在其他省市招聘过前端。就以成都举例，面试的时候会发现还是有侧重的不同点。相对于其他省市，北上广深这些超一线城市在技术方面确实有领先。

我相信虽然差距并不大，但是对于北京来说，还是一定程度上代表未来的发展方向。所以下面就以北京的要求为主，开始我们的碎碎念。

一、总体概述

总体来说，前端目前是越来越卷，不像java等后端语言，可能一个版本用一辈子（有点夸大哈）。前端技术更新的更快，种类更多，只会一种框架现在找工作来说已经不太容易了。虽然近些年也有疫情和大环境的原因，导致岗位越来越少，要求越来越高，薪资倒是没见怎么涨。

以去年举例，去年我们因为公司经营问题，倒闭了（呸，还欠我两万多呢，还钱！咳咳），由于事发突然，确实没什么太多的准备，就是正常的做简历，找工作，面试不能说很多但是一天约个两三个还是可以的，offer数量也不少，最起码能让我去挑选。

但是今年的环境就不太好，从招聘方面，招不到合适的人，大量的培训班出来的学员，虚高的期望薪资和兑了水的简历，由于我的面试题完全从项目出发，没做过项目的甚至一个都答不上来，所以通过率也只有可怜的十位数以下。对于面试人员，一周约不到一个面试也很正常，很多人也不得不考虑回家乡工作。

包括自己公司的前端也会经常问我，需要学到什么程度，不说独当一面，也能在没有人指导的情况下把需求做出来，所以就想碎碎念两句。

-------------------------------------------------一条华华丽丽的分割线--------------------------------------------------

二、基础方面

念叨完了，开始说正事，前端的基础自然是HTML，CSS，JavaScript。如果这三个都不知道的话，出门左转，谢谢。

• HTML

这还用说吗，最起码一些PC和移动端的常见布局要会，结构要稳定，不能说页面结构去掉中间一块内容就塌了。想找工作别的不说，最基础静态页写的一定要精通。

• CSS

这也没啥说的，必须会，并且还原度一定要高于95%，css是前端的脸面。之后就是弹性盒子，流式布局，rem布局等，再往下还需要掌握媒介查询，和一些C3动画。

• JavaScript

基础语法，Dom和Bom的操作也是要会的，如果你的目标只是能正常开发基础功能，并没有想搞的很厉害，公司也有大佬帮你把函数封装好直接调用的话，只是这个要求闭包，继承，原型链什么的其实用的确实不多，掌不掌握就那么一回事，不过如果想能够学得深一点，这些也是需要掌握的。同时还需要了解一些新的语法，ES6/7都要知道。

如果你能达到这个程度的话，在北京应该....是找不到工作的。不会真的觉得只会这些就能上班了吧，五六年前还是可能的，薪资也能拿到6-8k，现在完全不可能。

二、技术栈方面

从招聘信息上给技术栈占比排个序的话，Vue2/3=》React=》小程序=》AngularJS=jQuery=》其他。这个排序仅限于北京，目前的占比情况。

三大主流框架，Vue，React，Angular。Vue不用多说目前在国内占比绝对的第一，React近两年也赶了上来，并且我预计在未来的一两年，会完全追平Vue。Angular从几年前火了一阵后就没落了，虽然他是将MVC理念做的最完全的，但是并不影响前端不爱用它。

小程序，不只是微信小程序，还有支付宝小程序等等，自从17年有微信小程序开始，就有人说未来是小程序的，通过几年的积累，小程序也慢慢成为了主流中的一份子，不过与项目也有一定关系，毕竟不是所有项目都可以使用小程序开发，占比不低，但是一直上不去。

jQuery就属于慢慢被替换，但是不得不说，实际项目的应用占比还是非常高的，毕竟它是老前辈了，很多公司也要求会，毕竟还有之前的项目需要维护。

其他一些新兴框架，也在持续关注，不过招聘信息中占比也是小的可怜，可以忽略不计。

技术栈得到什么程度呢，Vue2是必会的以及所属全家桶，然后尽快学React。毕竟从招聘信息上看React占比明显上升，Vue3可以看看，如果会React的话Vue3会有似曾相识的感觉，虽然还没到主流，但是作为Vue的升级版也是未来方向。如果有精力微信小程序也要会，其实并不难。

对于学习来说，项目经验是任职公司决定的，有没有项目经验其实还是次要的，一定要会，有个印象也比不知道的强。对于Angular和jQuery随意吧，毕竟不是很多公司用了，不会也不太影响找工作上班。

如果只掌握了Vue2，在北京其实是可以找到工作的，只是有难度并且薪资有限，10k左右，毕竟一个3-5年的前端开发都不可能只会一个框架。如果能掌握Vue+React，12-15k还是没问题的，好点的公司会给到更多。

三、UI框架

现在UI框架的文档越来越清楚，基本做到了开包即用，比较流行的就是Vue的ElementUI，Vant，Uni-App，还有React的Ant Design等等。其他的话我注意到了京东的Nut，至于老框架老前辈Bootstrap，layUi也会有公司要求。

这些UI框架上手基本没有难度，自然是能会多少会多少。但是不需要背，谁会没事背UI框架啊，疯了吧。多了解多看才是王道。

UI框架其实对薪资的影响已经很小了，毕竟他们是在技术栈之上只对UI有改善，不过也有公司要求熟练使用某一框架，薪资影响我给1k。

四、进阶飞升

进阶来讲其实更多的是与项目经历有关，先说一下什么属于进阶，比如App开发的Uni-App、Fullter，桌面应用的Electron，App混合开发，JS的超集TypeScript，后端语言NodeJS，微信小程序的云开发，预编译Css的Less和Scss等等。都属于前端进阶的范畴，这些决定着一个前端是否具有破20k的能力。

这些就没有什么必会得了，首先受项目影响超过技术栈，其次上手难度不小。这些完全看项目需求和自我学习的动力，强求不来。

如果非要我推荐可以优先自学的，Uni-App，TypeScript，Less/Scss其中一种，其他真的可以随缘，不要过分纠结。至于其他的后端语言或数据库，看自己吧，别太卷了，大家都累的。

五、学习路线建议

以我自己学习路线稍作修改

1. HTML，Css，JavaScript，如果不会这三个后边就别聊了，洗洗睡吧
2. Vue2，不解释，市场最流行也是需求最大的框架，同时带着UI框架一起学
3. 小程序+Uni-App，这两个对于会Vue的人很友好，写法基本一样
4. React，其实很纠结3和4的位置，互换也行都还好，无论是先小程序还是先React，学另一个的时候都会觉得似曾相识。记得看UI框架
5. Vue3，Vue2的未来，看看吧，优先度不高
6. TS等其他进阶类型的技术，先保证自己有工作有饭吃好吗，不要纠结这些稀碎的小部分
7. jQuery什么的看看吧，谁能保证你进的公司不维护旧项目呢
8. 如果你还有精力，看看后端语言和数据库，了解一下数据是怎么来的，有好处

六、总结

上边的学习路线说实话，如果想到熟练程度，没有个三五年其实很难。我掌握的技术我也只敢说是熟练使用，不敢说精通，精通实在是太难了。可是我们的目标不就是混口饭吃，过平常生活吗，为什么要事事精通。所以这篇也不是什么贩卖焦虑，可能说的现在是事实，过几年就是历史了，毕竟前端技术更新的那么快。

除了这些技术，我近期甚至还发现了好多招webGL，three.js，还有GIS地图的，占比也不算小，但也不是主流，而且更受项目限制就没有说。

前端是一条漫长的路，不是培训机构所说的几个月就可以月薪过万的行业。因为这句话我肯定会挨骂的，随意吧。上手虽然容易，但是越学越难，也会很累。

各位加油吧。