决胜将来，2019年前端开发十大战略性技术布局

2010年的你，若是能学会Android开发，如今的你，薪资不会低于年薪50万……javascript

2015年的你，若是能熟练使用react，如今的你，薪资不会低于月薪30K……php

看到这两个数据，也许有人会反驳：技术刚出来，没人敢用，并且随便一门技术，用上三五年，工资也不会低于这个数吧？css

第一个问题， Android 是2010年才出来的吗？html

从上边的资料咱们能够看出：前端

Android 是 2008年9月23日，发布的，因此2010年，它不是才出来，而是出来了两三年。vue

咱们不是赌徒，咱们不知道它会火，这能够原谅，年初的机会咱们没把握住，还有机会，2010年10月份，谷歌正式发布Android 2.3，这时候应用已经超过了10万。java

“我本身是一名从事了6年web前端开发的老程序员（个人微信：webxxq），今年年初我花了一个月整理了一份最适合2019年自学的web前端全套培训教程（视频+源码+笔记+项目实战），从最基础的HTML+CSS+JS到移动端HTML5以及各类框架和新技术都有整理，打包给每一位前端小伙伴，这里是前端学习者汇集地，欢迎初学和进阶中的小伙伴（全部前端教程关注个人微信公众号：web前端学习圈，关注后回复“2019”便可领取）。node

错过了？不要紧，我们继续，react

2011年1月，Android 已经成为智能手机占有量最高的系统。jquery

也错过了？

半年后，Android成为全球第一智能手机系统，这个再错过，显然不能说“技术刚出来，谁也不敢用”了吧？占有量都第一了，哪儿是什么“刚出来的技术”呢？事实上，我不少作java的朋友就是2011年，开始转作Android的。

上面那句话的后半句：随便一门技术，用上三五年，工资也不会低于3万+。好吧，相信我们身边3-5年的java或者php，月薪低于三万的，能够从天安门排到北京南站……

咱们再看看前端行业：

angularjs 诞生于2009年；

react 诞生于 2013年；

vue 诞生于2013年。

他们基本上开始被大规模应用都是在15年-16年。

我为何说这个呢？由于

每一项新技术从问世，到在市场上大规模的应用或者登顶，都会有一个3年左右的成熟期。

咱们有充足的时间和机会去把握、学习，并成为这个领域的专家，而三年后，你将享受平滑的技术曲线和丰厚的回报。

遗憾的是，大部分开发者都沉迷于技术自己，对新技术、新的问题解决方案，要么视而不见，要么选择忽视，一方面是担忧学习成本，另外一方面是因为本身的惰性。所以，也有一个段子那么流行。

php是最好的语言。

但是，相信不少人知道php已经诞生了三十多年，而node 才出现了9年。

想一想看，咱们假如说25岁开始工做，那么php 已经55岁了，而nodejs 34岁。若是你是老板，你是花1万雇佣一个55岁的老农用镰刀收割麦子，仍是花3万雇佣一个34岁的年轻人，开收割机收麦子？

是老农不够努力吗？是收割机技术难学吗？仍是收割机刚出来，你们不知道它是收割的利器？

都不是。

由于老农习惯了镰刀收割，由于老农以为收割机很差操做，由于老农以为本身买不起、也舍不得买收割机，由于老农忙着收割麦子没时间想这些。

但是仔细想一想，操做收割机是否真的难学？收麦子是否是就要买下一台收割机？把思考判断的时间，省下来那么一点点，用来收麦子，又能让他多收多少麦子呢？

道理都懂，遗憾的是，目前大部分的前端从业者还停留在刀耕火种时代。一个jquery 搞定全部，好一点的套个vue写完逻辑完事。收割小麦的工具不只仅有镰刀，一样，前端技术也不只仅只是jquery或者vue。

选择有时候比努力更重要，这个世界上充斥着忙忙碌碌的穷人。孔子说的好

邦有道，贫且贱焉，耻也;邦无道，富且贵焉，耻也!

用鲁迅的话说，现在国家安定，互联网行业发展突飞猛进，能够说目前是前端开发人员最好的时代。若是身为一个前端，还挣扎在温饱线，真的就很差意思了。

那么问题就来了：

2019年，我们应该学点啥，可以让本身三年或者五年内抓住机会，收入翻番？

这就是接下来我要分享的内容：

决胜将来，2019前端开发十大战略性技术布局！

综合本身十几年的前端经历，还有大量的调查和数据分析，这里我总结了2019年须要储备和布局的前端知识。咱们详细说下。

2019年第一个须要布局的技术：基础知识

好吧，你可能想说，你开什么玩笑？

我所说的基础，在有些人眼里，就是html+css,顶多加一个基础的原生javascript。

在我看来，基础的范围可不止这些，经过各类调查，nodejs也已经做为一个必备技能，而不是拔高技能了。

2019年，第二个须要布局的技术：框架

vue、react、angular只要会一个，这个东西就像结婚时的钻戒，买了的话，老婆以为理所应当，你也感受不到有多重要，但假如你没有，娘家人内心多少不痛快。

2019年，第三个须要布局的技术：web组件化

不少人听到这个词，第一个想的就是 模块化，或者class ，以及匿名函数自执行。但我指的不是这些，而是web 组件，江湖人称web components.

html+css+js结构表现行为分离确实是一个挺好的想法，可是也带来了必定的问题，好比状态管理和数据同步。

这就比如一个公司分了好几个部门，各司其职确实是个好想法，可是存在问题，好比各个部门的进度、信息不一样步，而跨部门协做是个很须要技巧的事情。

在程序里面也存在这个问题，这也是为何vue、react、angular大行其道的缘由。可是从根儿上解决的话仍是得靠web components。web组件化的好处就是不依赖于任何框架，能够复用。

开发jquery插件和vue插件是不同的，可是如今用web components，谁来都是同样的。

这就比如如今公司实行项目制，有清晰的流程，而不是js部门或者html部门说的算，无论哪一个部门来人，都得按照流程走。

2019年，第四个须要布局的技术：PWA

渐进式网络应用程序（简称PWA）是一种带有一些额外功能的Web应用程序，是一种编写Web应用程序的新方式。

太阳底下没有什么新鲜事，2005年左右其实数据交互形式不少，这个时候google大张旗鼓地使用ajax，一举让ajax成为了数据交互事实的标准。

10年以后状况相似，各类webApp开发乱七八糟，google 又说了，pwa才是下一代web 应用。

2005年 ajax ->数据交互

2015年 pwa->web App开发

2019年，第五个须要布局的技术：GraphQL

关于GraphQL我想说的是：

一、GraphQL 是 REST API 的替代品，搞数据接口用的。

二、若是你是创业公司或者小公司，没有之前的技术负担，用GraphQL会很爽。

三、若是你想成为全栈，GraphQL是你工资突破50K+的绝佳机会。

2019年，第六个须要布局的技术：Serverless Services（无服务器服务）

用了它，大家公司不再用本身去买服务器，作负载均衡各类恶心事儿了。目前典型的应用就是图床，你上传一堆图片，根据你的需求，别人家的服务器把各类尺寸给你作好，并且还作好防盗链和负载均衡。性能安全没的说。

这种方式将会完全改变前端和后台扯皮的工做方式（由于根本就不须要后台了）。

作个类比，

之前你家生炉子取暖，你跟你哥分工好了，他天天搬煤到炉子旁边，你负责生火。你爸说了，晚上我回家，你俩得把屋子给弄暖和了。而后你成天催你哥：放了学赶忙搬煤；你哥成天催你：煤搬好了，赶忙生火。

如今好了，Serverless Services来了。至关于家里集体供暖，经过支付宝就能交取暖费。你爸直接告诉你今天记得交取暖费，否则晚上家里冷。这个难度就小太多了吧？Serverless Services就是集中供暖，完全改变了全家人的取暖方式。

2019年，第七个须要布局的技术：网站静态化

直接推荐给你们一个技术栈

JAMStackhttps://jamstack.org/

上面的内容看着费劲，我翻译一下。

JAMstack是指使用JavaScript、API和Markup构建的技术堆栈，JAM是JavaScript、API和Markup的简称，前面第一个字母缩写，JAMstack一种基于客户端JavaScript，可重用API和预构建Markup的现代Web开发架构.

何时用？咱们这里用排除法

一、使用服务器端CMS构建的站点，如WordPress，Drupal，Joomla或Squarespace。

二、一个单片服务器运行的Web应用程序，它依赖于Ruby，Node或其余后端语言。

三、单页应用程序，使用同构呈如今运行时在服务器上构建视图。

除了上面这三种状况下不用，其它状况下随便造。

为何用它？

做为网站确定但愿快点好。用JAMstack就是一个字-快。开发也快，上线也快。

2019年，第八个须要布局的技术：javascript AI

了解JavaScript 构建的各类AI模型和机器学习模型。为何？

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

可是两类人不会下岗。

1.熟练掌握javascript和AI结合，操做AI让webApp和网站更贴合公司业务的人员。

2.经过js构建本身公司工做流的人员。

这两类人不只仅不会下岗，反而工资会翻倍。

为何？之前10我的团队的工做，如今你一我的操做AI就作了，你以为工资给你翻三倍过度吗？

2019年，第九个须要布局的技术：javascript 物联网（lot）

nodejs将 javascript推动了服务器端，而不是桎梏与浏览器。同理lot,将js推动到了更普遍的设备。

从简单的语音控制台灯，到复杂的javascript+物联网智能家居，js的应用范围愈来愈广。而每一次设备疆域的开拓都伴随着巨大的技术核心和高薪机会。

从客户端到服务器，从pc端到智能手机，同理从智能手机到智能设备也必将掀起新一轮的技术和高薪浪潮。

2019年，第十个须要布局的技术：知识挖掘技术

全球范围内数据库中存储的数据量急剧增长，人们的需求已经不仅是简单的查询和维护，而是但愿可以对这些数据进行较高层次的处理和分析以获得关于数据整体特征和对发展趋势的预测。所以，知识挖掘这个技术也便很是有用，若是你不会知识挖掘，大概就看不到这篇文章，目前的技术发展，趋势愈来愈明显的，不了解这些，涨工资会变得很费劲。

前端世界，瞬息万变，谁也没法准确地预测明天，连巴菲特也没办法算出来，苹果公司明天的股价是多少，但趋势是愈来愈明显的，市场也会给咱们足够的时间，跟上浪花的潮流。让本身的事业更上一个台阶，也许并不须要悬梁刺股、呕心沥血，只要咱们把眼界放开，提早规划，按照定好的路线一步一个脚印，即使爬不上世界之巅，也足以一览众山小了，但愿这篇文章，能变成帮助你们攀登的绳索。