共计 4298 个字符，预计需要花费 11 分钟才能阅读完成。
2010 年的你，如果能学会 Android 开发，现在的你，薪资不会低于年薪 50 万……
2015 年的你，如果能熟练使用 react，现在的你，薪资不会低于月薪 30K……
看到这两个数据，也许有人会反驳：技术刚出来，没人敢用，而且随便一门技术，用上三五年，工资也不会低于这个数吧？
第一个问题，Android 是 2010 年才出来的吗？
从上边的资料我们可以看出：
Android 是 2008 年 9 月 23 日，发布的，所以 2010 年，它不是才出来，而是出来了两三年。
我们不是赌徒，我们不知道它会火，这可以原谅，年初的机会我们没把握住，还有机会，2010 年 10 月份，谷歌正式发布 Android 2.3，这时候应用已经超过了 10 万。
错过了？没关系，咱们继续，
2011 年 1 月，Android 已经成为智能手机占有量最高的系统。
也错过了？
半年后，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 我想说的是：
1、GraphQL 是 REST API 的替代品，搞数据接口用的。
2、如果你是创业公司或者小公司，没有以前的技术负担，用 GraphQL 会很爽。
3、如果你想成为全栈，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 开发架构.
什么时候用？我们这里用排除法
1、使用服务器端 CMS 构建的站点，如 WordPress，Drupal，Joomla 或 Squarespace。
2、一个单片服务器运行的 Web 应用程序，它依赖于 Ruby，Node 或其他后端语言。
3、单页应用程序，使用同构呈现在运行时在服务器上构建视图。
除了上面这三种情况下不用，其它情况下随便造。
为什么用它？
作为网站肯定希望快点好。用 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 年，第十个需要布局的技术：知识挖掘技术
全球范围内数据库中存储的数据量急剧增加，人们的需求已经不只是简单的查询和维护，而是希望能够对这些数据进行较高层次的处理和分析以得到关于数据总体特征和对发展趋势的预测。因此，知识挖掘这个技术也便非常有用，如果你不会知识挖掘，大概就看不到这篇文章，目前的技术发展，趋势越来越明显的，不了解这些，涨工资会变得很费劲。
前端世界，瞬息万变，谁也无法准确地预测明天，连巴菲特也没办法算出来，苹果公司明天的股价是多少，但趋势是越来越明显的，市场也会给我们足够的时间，跟上浪花的潮流。让自己的事业更上一个台阶，也许并不需要悬梁刺股、呕心沥血，只要我们把眼界放开，提前规划，按照定好的路线一步一个脚印，即便爬不上世界之巅，也足以一览众山小了，希望这篇文章，能变成帮助大家攀登的绳索。
