作者：志佳老师
本文首发微信公众号：jingchengyideng
欢迎关注，每天都给你推送新鲜的前端技术文章
前端自08年左右兴盛已来，无数年轻人投入其中，但是这2年不知道身为前端的你，有没有感觉到求一份靠谱的前端的工作变的很难，同样企业求一名靠谱的前端也觉得很难，其实并不是因为求职者太过挑剔，也不是企业给不起工资，而是因为这两年大前端的发展无论从技术深度和广度都跟以前大不一样，前端不再是页面仔、组件仔，而是指能够使用JavaScript和相关H5技术开发iOS、Android、AR、VR、IoT、PC、Server、WebApp、3D甚至AI的综合性技术人才。很多同学的计算机基础相对薄弱，导致了知识直接断层。才会出现咫尺天涯的这种怪象。
也正是由于这样综合性的前端一人难求，造成了前端的工资水涨船高。今天看到这篇文章的老铁，不论你是计算机科班还是”野路子”前端，如果你在一线城市30岁前依旧月薪没到30K，你真的要反思一下自己了。到底是技术、情商、智商、努力程度还是哪里出现了问题让你没能斩获一份这样的薪水。鄙人不才，前端开发界一名小学生，有人叫我老袁，因为身高170体重170，也有人叫我圆老师，正经土生土长东北爷们。几年前侥幸进入百度和腾讯，后来在阿里offer和创业之间选择了创业，更侥幸在27岁那年拿到了月薪30K+，说这些并不是为了装或者鄙视谁，我何德何能，更何况程序员何必diss程序员，我只是想把我的一些想法写出来与各位同仁共勉。您看着舒坦您就看，您看着厌恶就关了页面，别当键盘侠，100多斤的人了还是得长点心的。乖~
我总结了以下这6点。
1. 非科班出身
如果你是非科班出身，草草入了前端这行，而且入门学习的知识和工作只是HTML、CSS、JavaScrpt（给按钮绑绑事件、发发请求 ），没有任何后端语言的背景，那么这将直接制约你的职业生涯。因为前端如火如荼的大势之下，其实是把大部分后端思想在前移比如经典的DI、IOC、AOP、MVVM(起源于 SilverLight)等等，这些思想什么三大框架中运用的淋淋尽致，综述好好学一门后端语言不但对于理解思想有帮助还能更好的让你去使用ES9和TS。
2. 避免天天用cli搬砖
每天只是抱着vue-cli或其他cli的同学，这类同学往往每天n都是pm install & npm start & npm test，一顿操作猛如虎，一问工资两千五，感觉自己很溜，但是让你配个完整的vue-cli一脸茫然，这更是一个危险的信号。但是呢这真的是大部分老铁的工作常态，多往Webpack和成熟的打包工具上用用心吧。这里也要推荐一下百度的FIS，并不是让你一定要使用FIS而是理解整个FIS的思想，站在巨人的肩膀去实践更好的前端工程化。
3. X平台的小程序
这个写给天天写微信小程序、支付宝小程序、头条小程序等XX小程序这一类的老铁，我并不是说写小程序你技术弱，而是写着写着你的技术会学跑偏。因为它是某种生态下的技术，并不通用，严格意义上来讲其实并不算技术。而且很多文档确实不健全，是典型的程序员坑程序员的大众技术典范。有些老铁可能就不服了，我会Taro啊~嗯，那你棒棒的，祝你幸福。
4. 走出自己的安逸区
以上这几点从我自己的感觉来看确实是前景堪忧的。
为什么说这类童鞋前景堪忧呢？如果天天就干上面说的这些活，真心是很难突破15k的，15k是很多同学职业生涯的第一道坎。老袁我来北京7年，所以对北京了解的多一些。目前来看在北京社招的同学月薪30k还是非常普遍的，因为很多刚毕业的本科学生（学校还可以的）校招在北京起薪就已经15k了，如果老铁你天天写些微信小程序之类的，或者长年堆在业务写着你自己都厌恶的API的时候，真的得想办法突破自己，走出自己的安逸区。
走出自己的安逸区，首先学历是个门槛(以北京举例哈)，你应该看到过关于读书无用类似的帖子，但是这个还真别信，在北京很多企业没有学历根本过不了HR这关，更别说你的简历能到面试官的手里。如果你学历不好技术也不行说实话很难混老铁，现在市场招聘，先不说顶级BAT、TMD，就是二线互联网企业都必须要求全日制本科，不是不给你机会，而是你都没有资格。2018年下半年这个现象更加突出，我承认学历不是很好的同学能力不一定差，但是老铁这块敲门砖你没有，根本就没有机会把自己优秀的一面展示在企业面前。如果你是大专，就更得狠下心来去学习吧，先奔着25K努力。
你会问，既然企业都不给我机会了，我还努力啥。错！这个大错特错，你要让自己慢慢变得优秀，先让你的技术在现有的公司可以独挡一面，各方面全盘掌控，重要事情你都可以顶上。创业公司最重要的是积累人脉，你周围的同事或者Leader可能是从某某知名大厂出来的，如果你具备独挡一面的能力，周围的资源及外界的机遇都会助你进入更高平台，那句话说的没错机会总是留给有准备的人。所以看到这里的专科老铁，学历不好使，就是让技术过硬，加班是提升技术的最好手段，但不是加无意义的班，无意义是指重复的工作，你会的，这里说的有意义的加班指比如你的团队哪天要搭SPA、MPA、CI、BDD或者有图形学的项目需要你等等，让你参与核心开发部分。青春就那么几年，如果每天加无意义的班，就没必要继续在这家公司待下去了。那么就有童鞋说，我去外包吧，对学历和技术的要求低些。我告诉有这类想法的童鞋，外包公司是万万不能待的，只是浪费青春，四点现实原因：重复性工作 、各种脏乱差的活 、你的工资大部分根本到不了你的手 、你的工牌的颜色跟其他同事也不一样！不一样！
5. 提升自己的技术能力
接下来，就是提高自己的技术了。当然，上面说了学历还算不错的话，咱就更得让自个的技术独挡一面了。那么如何提高自己的前端技术呢？这就应了那句老话，小孩没娘说来话长。但是我讲下我的一些建议：
首先要了解最新的前端趋势比如Micro Frontends、omi、Houdini、CSS Scroll Snap Points、React Suspense、Hooks、quicklink、Workbox、Angular8 Lvy等等。同时还要熟练掌握现在流行的前端技术如Webpack、React、Vue、ES9、Angular、KOA、TS、Three等等。但如果你是普通公司，你就每天实打实，脑子里不要考虑做轮子哥(原因——轮子太多了Parcel、Moon、hyperapp.js、Fastify…)但是一定要理解内部机制是怎么样的，要理解后面的东西，不是天天一顿摆API。因为现在前端的面试基本都是原理！原理！原理！即便现在行情是面试造火箭，入职钉钉子。还有建议大家一定要把Node.Js要研究透彻，这才是真材实料的硬货。
老子学不动？生死看淡，不服就干。再来几点：
- 1.要学会C|C++(Webkit、Libuv等等后面也会用到)。天下武功出少林，天下语言爹是C。
- 2.最早讨论的经典思想—OOP到AOP再到Functional，个人建议先学思想再学框架。还有NodeJs中三个特别有意思的框架 Nest(NodeJs版本的Spring)、Nuxt和Next(Vue&React的SSR)，有没有也傻傻分不清楚。
- 3.在强调一次至少会一门正统的语言，比如：JAVA、NET等
- 4.项目，一定要做有质量的，有些技术没有条件创建条件也要用。只有把技术用到项目中去，才能让你醍醐灌顶，光学不干等于耍流氓。
- 5.多读书，一本好书就像高级武功秘籍一样。哪怕是从里面领悟一招半式，功力提升起来都是惊人的。
- 6.最后举个能跟得上时代的小栗子：比如CSS中的变量、JavaScript的类、依赖注入的代码，这些代码应该在你的项目里到处跑了。
6. 给不同群体的建议
另外，我来说下根据群体的划分来注意前端道路上的注意事项。
上学群体：计算机基础必须好好学(校招必问)———数据结构和算法、计算机组成原理、编译原理、操作系统，这些课千万别逃。
工作群体：学历可以且工作也可以的，要注重人脉的培养。原因呢我上面已经讲过，就不多赘述了。
如果你是计算机科班生，一定要好好学专业课，这不是鸡汤，是现实。校招面临的压力不比社招低，校招上来就问Webpack的原理是什么，在工作中体验过什么是工程化吗。大家会说，天天上学，我怎么有项目，怎么体验工程化，但问题是就有人会，没办法。校招没人问学校教不教，只问企业用的你会不会，会就招，不会就拜拜。有些大学老师的授课内容已经和社会严重脱节，什么叫SPA，什么叫MPA，MPA怎么转换成SPA，老师都不懂，这个就得靠你在学校里多多去接触外面的资源了。但是上面提到的这些大学的专业课你必须得听，校招大部分都在考你数据结构与算法，社招也一样，如果你是纯野路子（非科班）更得补，有人说前端用不到算法，Dom Diff、投影算法、Trie树、KOA原理里的recursion、JS执行堆栈了解一下？想学明白上面说的框架原理，编译原理你躲不过（Webpack里的complier、AST分分钟体现出作者的专业性），数据结构与算法没学好，React和Vue的源码压根玩不溜，算法已经成为了大部分公司的一面，如果这些功课的基本功到位了，框架原理就很easy了。这个社会优秀的人太多了，所以在职场拼的就是基础瓷不瓷实，所以如果你还在上学，珍惜时光吧。如果你已经在职场，问问这些东西你懂不懂？
最后，我想说前端路漫漫，以上只是我的个人一些感触，北漂7年，冷暖自知。月薪3万不是终点，是起点。在北京3万工资虽不高，但是你可以稍微更好的照顾你爱的人，可以更好地照顾父母，也可以在兄弟有难的时候更好的挺他们一下。写这篇文章也是想给同路人一点点建议，不喜勿喷，还有很多细节总结的也不是很全，见谅。以下是我总结的前端技术图谱， 江湖路远，有缘再见。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。