摘要：為什么以前個人團隊的工作，現在你一個人操作就做了，你覺得工資給你翻三倍過分嗎年，第九個需要布局的技術物聯網將推進了服務器端，而不是桎梏與瀏覽器。

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年，第十個需要布局的技術：知識挖掘技術

全球范圍內數據庫中存儲的數據量急劇增加，人們的需求已經不只是簡單的查詢和維護，而是希望能夠對這些數據進行較高層次的處理和分析以得到關于數據總體特征和對發展趨勢的預測。因此，知識挖掘這個技術也便非常有用，如果你不會知識挖掘，大概就看不到這篇文章，目前的技術發展，趨勢越來越明顯的，不了解這些，漲工資會變得很費勁。

前端世界，瞬息萬變，誰也無法準確地預測明天，連巴菲特也沒辦法算出來，蘋果公司明天的股價是多少，但趨勢是越來越明顯的，市場也會給我們足夠的時間，跟上浪花的潮流。讓自己的事業更上一個臺階，也許并不需要懸梁刺股、嘔心瀝血，只要我們把眼界放開，提前規劃，按照定好的路線一步一個腳印，即便爬不上世界之巔，也足以一覽眾山小了，希望這篇文章，能變成幫助大家攀登的繩索。