挑战高薪：2019前端开发十大战略性技术布局

看看前端行业，文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

angularjs 诞生于2009年，文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

react 诞生于 2013年，文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

vue 诞生于2013年，文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

他们基本上开始被大规模应用都是在15年-16年。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

我为什么说这个呢？因为文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

每一项新技术的问世，到在市场上大规模的应用或者登顶，都会有一个3年左右的成熟期。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

我们有充足的时间和机会去把握，学习，并成为这个领域的专家，而三年后将是你享受平滑的技术曲线和丰厚的回报的时候。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

遗憾的是，大部分开发者都沉迷于技术本身，对新技术和新的问题解决方案要么视而不见，要么选择忽视，一方面是担心学习成本，一方面是由于自己的惰性。因此，也有一个段子那么流行。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

php是最好的语言。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

可是，相信很多人知道php已经诞生了三十多年，而node 也出现了9年。相信很多人知道nodejs的性能相比14倍以上。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

想想看，我们假如说25岁开始工作，那么php 已经55岁了，而nodejs 34岁。如果你是老板，你是花1万雇佣一个55岁的老农用镰刀收割麦子，还是花3万雇佣一个34岁开收割机收麦子一个人顶14个老农的小伙子？文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

是老农不够努力吗？是收割机技术难学吗？是收割机才出来大家都意识不到它是收割的利器吗？文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

非也！文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

因为老农习惯了镰刀收割，因为老农觉得收割机不好操作，因为老农觉得自己买不起收割机，因为老农忙着收割麦子没时间想这些。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

可是仔细想想，收割机真的是老农学不会的吗？会使用收割机跟一定要买个收割机有必然联系吗？习惯了镰刀收割和没时间想这些，能让他多收割麦子吗？文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

道理都懂，可是很遗憾，目前大部分的前端从业者还停留在刀耕火种时代。一个jquery 搞定所有，好一点的套个vue写完逻辑完事。收割小麦的工具不仅仅有镰刀，同样，前端技术也不仅仅只是jquery或者vue。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

你的选择有时候比你的努力更重要，这个世界上充斥着忙忙碌碌的穷人。你愿意做其中一员吗？孔子说的好文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

邦有道，贫且贱焉，耻也;邦无道，富且贵焉，耻也!文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

用鲁迅的话说，如今国家安定，互联网行业发展日新月异，可以说目前是前端开发人员最好的时代。你还穷的一逼，你好意思么？文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

1-3.jpg

ok,我们不墨迹，直接整干货，那么最关键的问题就来了：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

过去的机会就像你跟别人跑了的女朋友，该忘就忘了吧。问题是2019年，我该学点啥能够让我三年或者五年内抓住机会收入翻番，赢取白富美……文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

接下来，我就说下最关键的问题，文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

决胜未来，2019前端开发十大战略性技术布局！文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

如果大家真的认真听了我的分析，并认真研究学习了，我保证五年后男前端开发人员笑的合不上嘴，女开发笑的合不拢腿。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

综合自己十几年眼睁睁看着web前端在这个孩子长起来的经历，结合大量的调查和数据分析，我总结了2019你年你最该储备和布局的前端知识。好，我们详细说下。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

2019年第一个需要布局的技术就是：基础知识文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

好吧，我知道你想说，what the fcuk!你特么开玩笑呢吧。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

好吧我理解的基础跟你理解的基础不太一样，你觉得基础知识就是html+css,顶多加一个基础的原生javascript。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

我想说的是通过各种调查，我认为nodejs也已经作为一个必备技能，而不是拔高技能了。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

当然了，你可以说我不认同，我只想说，这个是我大量调查的结果，你爱认同不认同，不认同你可以不看我写的文章啊，我又没求你。当然你不学node也行，但是听我建议的人，大部分都已经 他好，我也好了。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

2019年，第二个需要布局的技术就是：框架文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

vue、react、angular你只要要会一个，这个东西就跟娶媳妇的三件套（戒指、项链、耳环），你买了的话丈母娘不找你麻烦，你感觉也不重要，但是你没有，你肯定结不了婚。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

2019年，第三个需要布局的技术就是：web组件化文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

我知道你第一个想的就是 模块化，或者class 或者匿名函数自执行。我说的组件化不是那些玩意，而是web 组件，江湖人称web components.文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

html+css+js结构表现行为分离确实是一个挺好的想法，但是也带来了一定的问题，比如状态管理和数据同步。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

这就好比一个公司分了好几个部门，各司其职确实是个好想法，但是却会造成各个部门的进度、信息不同步问题，而跨部门协作是个很需要技巧的事情。同理在程序里面也存在这个问题，这也是为什么vue、react、angular大行其道的原因。但是从根儿上解决的话还是得靠web components。
web组件化的好处就是不依赖于任何框架，可以复用。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

不懂也没事，记住一句话，你开发jquery插件和vue插件是不一样的，但是现在用web components，统统的一样，谁来都是一样的。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

这就好比现在公司实行项目制，有清晰的流程，而不是js部门或者html部门说的算。流程也业务说的算，不管哪个部门来人，都得按照流程走。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

2019年，第四个需要布局的技术就是：PWA文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

渐进式网络应用程序（简称PWA）是一种带有一些额外功能的Web应用程序，是一种编写Web应用程序的新方式。我知道你可能没听过，现在我也没打算你能会，我只是告诉你他有多重要，然后你自己决定是否学就行了。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

太阳底下没有什么新鲜事，2005年左右其实数据交互形式很多，这个时候google大张旗鼓的使用ajax，一举让ajax成为了数据交互事实的标准。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

10年之后情况类似，各种webApp开发乱七八糟早，google 又说了，pwa才是下一代web 应用。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

2005年 ajax ->数据交互文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

2015年 pwa->web App开发文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

这样类比，理解他的重要性了不？文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

2019年，第五个需要布局的技术就是：GraphQL文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

关于GraphQL我只说三句话：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

1. GraphQL 是 REST API 的替代品，搞数据接口用的
2. 如果你是创业公司或者小公司，没有以前的技术负担，用GraphQL爽歪歪
3. 如果你想成为全栈，GraphQL是你工资突破50K+的绝佳机会

2019年，第六个需要布局的技术就是：Serverless Services（无服务器服务）文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

用了它，你们公司再也不用自己去买服务器做负载均衡各种恶心事儿了。目前典型的应用就是图床，你上传一堆图片，根据你的需求，别人家的服务器把各种尺寸给你做好，而且还做好防盗链和负载均衡。性能安全没的说。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

这种方式将会彻底改变前端和后台撕逼的工作方式（因为根本就不需要后台了）。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

不理解没事，给你个类比，文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

以前你家生炉子取暖，你跟你哥分工好了，他每天搬煤到炉子旁边，你负责生火。你爸说了，晚上我回家你俩得把屋子给弄暖和了，不弄暖和了我就拿冻带鱼抽你俩。然后你整天催你哥赶紧放学搬煤，你哥整天催你煤搬好赶紧生火。现在好了Serverless Services来了。相当于你家集体供暖了，你们通过支付宝就能交取暖费了。你把直接告诉你今天记得交取暖费非，不然晚上家里冷，抽你。这个难度就小太多了吧？理解了吧？Serverless Services就是集中供暖，彻底改变了你跟你哥挨抽的命运。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

2019年，第七个需要布局的技术就是：网站静态化文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

直接推荐一个技术栈JAMStackhttps://jamstack.org/文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

对比.png

知道上面的东西你看着费劲，我翻译成人话。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

JAMstack是指使用JavaScript、API和Markup构建的技术堆栈，JAM是JavaScript、API和Markup的简称，前面第一个字母缩写，JAMstack一种基于客户端JavaScript，可重用API和预构建Markup的现代Web开发架构.文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

不墨迹啥时候用？文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

• 使用服务器端CMS构建的站点，如WordPress，Drupal，Joomla或Squarespace。
• 一个单片服务器运行的Web应用程序，它依赖于Ruby，Node或其他后端语言。
• 单页应用程序，使用同构呈现在运行时在服务器上构建视图。

这几种情况下不用，其它情况下随便造。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

为什么用它？文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

作为男人肯定希望慢点好，但是作为网站肯定希望快点好。用JAMstack就是一个字儿-忒快。开发也快，上线也快，基本上刚脱裤子就……反正就是一个快枪手。你明白就行了。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

2019年，第八个需要布局的技术就是：javascript AI文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

了解JavaScript 构建的各种AI模型和机器学习模型。为什么？文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

目前发展速度太快，没准哪天商用的切图和写特效的AI就出来了。到时候设计师出来效果图，上传到我上面说的无服务器服务上面，直接就把图切出来了，js特效都写好了，重点是一点兼容性都没有。这个不是科幻，是很贴近现实的，目前已经有AI抠图，效果还不错，如果经过大量的训练精准度达到商用的话，那些抠图为主要工作的设计师可能就下岗了。同理，到时候会大量的前端人员下岗，这不是危言耸听。想想现在还有打字员这个职位吗？文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

但是两类人不会下岗。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

1.熟练掌握javascript和AI结合，操作AI让webApp和网站更贴合公司业务的人员。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

2.通过js构建自己公司工作流的人员。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

这两类人不仅仅不会下岗，反而工资会翻倍。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

想想吧，以前10个人团队的工作，现在你一个人操作AI就做了，你觉得工资给你翻三倍过分吗？文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

2019年，第九个需要布局的技术就是：javascript 物联网（lot）文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

nodejs将 javascript推进了服务器端，而不是桎梏与浏览器。同理lot,将js推进到了更广泛的设备。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

从简单的语音控制台灯，到复杂的javascript+物联网智能家居，js的应用范围越来越广。而每一次设备疆域的开拓都伴随着巨大的技术核心和高薪机会。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

从客户端到服务器，从pc端到智能手机，同理从智能手机到智能设备也必将掀起新一轮的技术和高薪浪潮。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

2019年，第十个需要布局的技术就是：知识挖掘技术文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html

这个技术太有用了，如果你不会知识挖掘，你就不能看到这篇文章，目前的技术发展越来越“大彬哥化”（在按照大彬哥的预言推进），如果你不了解这些东西，你怎么怎么能涨工资呢（通过本文相信大家掌握最多的就是如何优雅的装13）？文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/12840.html