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

2010年的你，如果能學(xué)會Android開發(fā)，現(xiàn)在的你，薪資不會低于年薪50萬……

2015年的你，如果能熟練使用react，現(xiàn)在的你，薪資不會低于月薪30K……

看到這兩個數(shù)據(jù)，也許有人會反駁：技術(shù)剛出來，沒人敢用，而且隨便一門技術(shù)，用上三五年，工資也不會低于這個數(shù)吧？

第一個問題， Android 是2010年才出來的嗎？

從上邊的資料我們可以看出：

Android 是 2008年9月23日，發(fā)布的，所以2010年，它不是才出來，而是出來了兩三年。

我們不是賭徒，我們不知道它會火，這可以原諒，年初的機(jī)會我們沒把握住，還有機(jī)會，2010年10月份，谷歌正式發(fā)布Android 2.3，這時候應(yīng)用已經(jīng)超過了10萬。

錯過了？沒關(guān)系，咱們繼續(xù)，

2011年1月，Android 已經(jīng)成為智能手機(jī)占有量最高的系統(tǒng)。

也錯過了？

半年后，Android成為全球第一智能手機(jī)系統(tǒng)，這個再錯過，顯然不能說“技術(shù)剛出來，誰也不敢用”了吧？占有量都第一了，哪兒是什么“剛出來的技術(shù)”呢？事實上，我很多做java的朋友就是2011年，開始轉(zhuǎn)做Android的。

上面那句話的后半句：隨便一門技術(shù)，用上三五年，工資也不會低于3萬+。好吧，相信咱們身邊3-5年的java或者php，月薪低于三萬的，可以從天安門排到北京南站……

我們再看看前端行業(yè)：

angularjs 誕生于2009年；

react 誕生于 2013年；

vue 誕生于2013年。

他們基本上開始被大規(guī)模應(yīng)用都是在15年-16年。

我為什么說這個呢？因為

每一項新技術(shù)從問世，到在市場上大規(guī)模的應(yīng)用或者登頂，都會有一個3年左右的成熟期。

我們有充足的時間和機(jī)會去把握、學(xué)習(xí)，并成為這個領(lǐng)域的專家，而三年后，你將享受平滑的技術(shù)曲線和豐厚的回報。

遺憾的是，大部分開發(fā)者都沉迷于技術(shù)本身，對新技術(shù)、新的問題解決方案，要么視而不見，要么選擇忽視，一方面是擔(dān)心學(xué)習(xí)成本，另一方面是由于自己的惰性。因此，也有一個段子那么流行。

php是最好的語言。

可是，相信很多人知道php已經(jīng)誕生了三十多年，而node 才出現(xiàn)了9年。

想想看，我們假如說25歲開始工作，那么php 已經(jīng)55歲了，而nodejs 34歲。如果你是老板，你是花1萬雇傭一個55歲的老農(nóng)用鐮刀收割麥子，還是花3萬雇傭一個34歲的年輕人，開收割機(jī)收麥子？

是老農(nóng)不夠努力嗎？是收割機(jī)技術(shù)難學(xué)嗎？還是收割機(jī)剛出來，大家不知道它是收割的利器？

都不是。

因為老農(nóng)習(xí)慣了鐮刀收割，因為老農(nóng)覺得收割機(jī)不好操作，因為老農(nóng)覺得自己買不起、也舍不得買收割機(jī)，因為老農(nóng)忙著收割麥子沒時間想這些。

可是仔細(xì)想想，操作收割機(jī)是否真的難學(xué)？收麥子是不是就要買下一臺收割機(jī)？把思考判斷的時間，省下來那么一點點，用來收麥子，又能讓他多收多少麥子呢？

道理都懂，遺憾的是，目前大部分的前端從業(yè)者還停留在刀耕火種時代。一個jquery 搞定所有，好一點的套個vue寫完邏輯完事。收割小麥的工具不僅僅有鐮刀，同樣，前端技術(shù)也不僅僅只是jquery或者vue。

選擇有時候比努力更重要，這個世界上充斥著忙忙碌碌的窮人?？鬃诱f的好

邦有道，貧且賤焉，恥也;邦無道，富且貴焉，恥也!

用魯迅的話說，如今國家安定，互聯(lián)網(wǎng)行業(yè)發(fā)展日新月異，可以說目前是前端開發(fā)人員最好的時代。如果身為一個前端，還掙扎在溫飽線，真的就不好意思了。

那么問題就來了：

2019年，咱們應(yīng)該學(xué)點啥，能夠讓自己三年或者五年內(nèi)抓住機(jī)會，收入翻番？

這就是接下來我要分享的內(nèi)容：

決勝未來，2019前端開發(fā)十大戰(zhàn)略性技術(shù)布局！

綜合自己十幾年的前端經(jīng)歷，還有大量的調(diào)查和數(shù)據(jù)分析，這里我總結(jié)了2019年需要儲備和布局的前端知識。我們詳細(xì)說下。

2019年第一個需要布局的技術(shù)：基礎(chǔ)知識

好吧，你可能想說，你開什么玩笑？

我所說的基礎(chǔ)，在有些人眼里，就是html+css,頂多加一個基礎(chǔ)的原生javascript。

在我看來，基礎(chǔ)的范圍可不止這些，通過各種調(diào)查，nodejs也已經(jīng)作為一個必備技能，而不是拔高技能了。

2019年，第二個需要布局的技術(shù)：框架

vue、react、angular只要會一個，這個東西就像結(jié)婚時的鉆戒，買了的話，老婆覺得理所應(yīng)當(dāng)，你也感覺不到有多重要，但假如你沒有，娘家人心里多少不痛快。

2019年，第三個需要布局的技術(shù)：web組件化

很多人聽到這個詞，第一個想的就是 模塊化，或者class ，以及匿名函數(shù)自執(zhí)行。但我指的不是這些，而是web 組件，江湖人稱web components.

html+css+js結(jié)構(gòu)表現(xiàn)行為分離確實是一個挺好的想法，但是也帶來了一定的問題，比如狀態(tài)管理和數(shù)據(jù)同步。

這就好比一個公司分了好幾個部門，各司其職確實是個好想法，但是存在問題，比如各個部門的進(jìn)度、信息不同步，而跨部門協(xié)作是個很需要技巧的事情。

在程序里面也存在這個問題，這也是為什么vue、react、angular大行其道的原因。但是從根兒上解決的話還是得靠web components。web組件化的好處就是不依賴于任何框架，可以復(fù)用。

開發(fā)jquery插件和vue插件是不一樣的，但是現(xiàn)在用web components，誰來都是一樣的。

這就好比現(xiàn)在公司實行項目制，有清晰的流程，而不是js部門或者h(yuǎn)tml部門說的算，不管哪個部門來人，都得按照流程走。

2019年，第四個需要布局的技術(shù)：PWA

漸進(jìn)式網(wǎng)絡(luò)應(yīng)用程序（簡稱PWA）是一種帶有一些額外功能的Web應(yīng)用程序，是一種編寫Web應(yīng)用程序的新方式。

太陽底下沒有什么新鮮事，2005年左右其實數(shù)據(jù)交互形式很多，這個時候google大張旗鼓地使用ajax，一舉讓ajax成為了數(shù)據(jù)交互事實的標(biāo)準(zhǔn)。

10年之后情況類似，各種webApp開發(fā)亂七八糟，google 又說了，pwa才是下一代web 應(yīng)用。

2005年 ajax ->數(shù)據(jù)交互

2015年 pwa->web App開發(fā)

2019年，第五個需要布局的技術(shù)：GraphQL

關(guān)于GraphQL我想說的是：

1、GraphQL 是 REST API 的替代品，搞數(shù)據(jù)接口用的。

2、如果你是創(chuàng)業(yè)公司或者小公司，沒有以前的技術(shù)負(fù)擔(dān)，用GraphQL會很爽。

3、如果你想成為全棧，GraphQL是你工資突破50K+的絕佳機(jī)會。

2019年，第六個需要布局的技術(shù)：Serverless Services（無服務(wù)器服務(wù)）

用了它，你們公司再也不用自己去買服務(wù)器，做負(fù)載均衡各種惡心事兒了。目前典型的應(yīng)用就是圖床，你上傳一堆圖片，根據(jù)你的需求，別人家的服務(wù)器把各種尺寸給你做好，而且還做好防盜鏈和負(fù)載均衡。性能安全沒的說。

這種方式將會徹底改變前端和后臺扯皮的工作方式（因為根本就不需要后臺了）。

做個類比，

以前你家生爐子取暖，你跟你哥分工好了，他每天搬煤到爐子旁邊，你負(fù)責(zé)生火。你爸說了，晚上我回家，你倆得把屋子給弄暖和了。然后你整天催你哥：放了學(xué)趕緊搬煤；你哥整天催你：煤搬好了，趕緊生火。

現(xiàn)在好了，Serverless Services來了。相當(dāng)于家里集體供暖，通過支付寶就能交取暖費。你爸直接告訴你今天記得交取暖費，不然晚上家里冷。這個難度就小太多了吧？Serverless Services就是集中供暖，徹底改變了全家人的取暖方式。

2019年，第七個需要布局的技術(shù)：網(wǎng)站靜態(tài)化

直接推薦給大家一個技術(shù)棧

JAMStackhttps://jamstack.org/

上面的內(nèi)容看著費勁，我翻譯一下。

JAMstack是指使用JavaScript、API和Markup構(gòu)建的技術(shù)堆棧，JAM是JavaScript、API和Markup的簡稱，前面第一個字母縮寫，JAMstack一種基于客戶端JavaScript，可重用API和預(yù)構(gòu)建Markup的現(xiàn)代Web開發(fā)架構(gòu).

什么時候用？我們這里用排除法

1、使用服務(wù)器端CMS構(gòu)建的站點，如WordPress，Drupal，Joomla或Squarespace。

2、一個單片服務(wù)器運(yùn)行的Web應(yīng)用程序，它依賴于Ruby，Node或其他后端語言。

3、單頁應(yīng)用程序，使用同構(gòu)呈現(xiàn)在運(yùn)行時在服務(wù)器上構(gòu)建視圖。

除了上面這三種情況下不用，其它情況下隨便造。

為什么用它？

作為網(wǎng)站肯定希望快點好。用JAMstack就是一個字-快。開發(fā)也快，上線也快。

2019年，第八個需要布局的技術(shù)：javascript AI

了解JavaScript 構(gòu)建的各種AI模型和機(jī)器學(xué)習(xí)模型。為什么？

目前發(fā)展速度太快，沒準(zhǔn)哪天商用的切圖和寫特效的AI就出來了。到時候設(shè)計師出來效果圖，上傳到我上面說的無服務(wù)器服務(wù)上面，直接就把圖切出來了，js特效都寫好了，重點是一點兼容性問題都沒有。這個不是科幻，是很貼近現(xiàn)實的，目前已經(jīng)有AI摳圖，效果還不錯，如果經(jīng)過大量的訓(xùn)練精準(zhǔn)度達(dá)到商用的話，那些摳圖為主要工作的設(shè)計師可能就下崗了。同理，到時候會大量的前端人員下崗，這不是危言聳聽。大家想一想，現(xiàn)在還有打字員這個職位嗎？

但是兩類人不會下崗。

1.熟練掌握javascript和AI結(jié)合，操作AI讓webApp和網(wǎng)站更貼合公司業(yè)務(wù)的人員。

2.通過js構(gòu)建自己公司工作流的人員。

這兩類人不僅僅不會下崗，反而工資會翻倍。

為什么？以前10個人團(tuán)隊的工作，現(xiàn)在你一個人操作AI就做了，你覺得工資給你翻三倍過分嗎？

2019年，第九個需要布局的技術(shù)：javascript 物聯(lián)網(wǎng)（lot）

nodejs將 javascript推進(jìn)了服務(wù)器端，而不是桎梏與瀏覽器。同理lot,將js推進(jìn)到了更廣泛的設(shè)備。

從簡單的語音控制臺燈，到復(fù)雜的javascript+物聯(lián)網(wǎng)智能家居，js的應(yīng)用范圍越來越廣。而每一次設(shè)備疆域的開拓都伴隨著巨大的技術(shù)核心和高薪機(jī)會。

從客戶端到服務(wù)器，從pc端到智能手機(jī)，同理從智能手機(jī)到智能設(shè)備也必將掀起新一輪的技術(shù)和高薪浪潮。

2019年，第十個需要布局的技術(shù)：知識挖掘技術(shù)

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

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