技術的發展是瞬息萬變的事情，web前端領域也不例外。可以說每一年在前端領域都會有一些新技術湧現和技術變革，2019年前端發展又會有哪些布局？我大致總結了8個方向，下面就同大家一起盤點一下。

一、基礎知識

沒錯我所說的基礎，就是html+css，頂多加一個基礎的原生javascript。

當然現在很多公司把nodejs也當做一名web前端的基礎必備技能，而不是加分項了。

二、框架學習

Vue、React、Angular至少要精通一個吧，而且對於這三個框架最好是都有所了解。目前來說，React多年來一直主導Web開發，Vue處於快速增長階段，而Angular的活躍度也不可小覷。當然也要看公司具體項目對於框架的使用和選擇了。

三、Web組件化

很多人聽到這個詞，第一個想的就是模塊化，或者class，以及匿名函數自執行。但我指的不是這些，而是web組件。html+css+js結構表現行為分離確實是一個挺好的想法，但是也帶來了一定的問題，比如狀態管理和數據同步。這就好比一個公司分了好幾個部門，各司其職確實是個好想法，但是存在問題，比如各個部門的進度、信息不同步，而跨部門協作是個很需要技巧的事情。web組件化的好處就是不依賴於任何框架，可以復用。

四、PWA

漸進式網絡應用程序（簡稱PWA）是一種帶有一些額外功能的Web應用程序，是一種編寫Web應用程序的新方式。

五、GraphQL

GraphQL是REST API的替代品，搞數據接口用的，如果你是創業公司或者小公司，沒有以前的技術負擔，用GraphQL會很爽。這麽說吧，如果你想成為全棧，GraphQL將是你的工資突破50K+的絕佳機會。

六、Serverless Services（無服務器服務）

用了它，你們公司再也不用自己去買服務器，做負載均衡各種惡心事兒了。目前典型的應用就是圖床，你上傳一堆圖片，根據你的需求，別人家的服務器把各種尺寸給你做好，而且還做好防盜鏈和負載均衡。性能安全沒的說，而且這種方式將會徹底改變前端和後臺扯皮的工作方式。

七、Javascript AI

了解JavaScript構建的各種AI模型和機器學習模型。為什麽？目前發展速度太快，沒準哪天商用的切圖和寫特效的AI就出來了。到時候設計師出來效果圖，上傳到我上面說的無服務器服務上面，直接就把圖切出來了，js特效都寫好了，重點是一點兼容性都沒有。這個不是科幻，是很貼近現實的，目前已經有AI摳圖，效果還不錯，如果經過大量的訓練精準度達到商用的話，那些摳圖為主要工作的設計師可能就下崗了。

八、Javascript 物聯網（lot）

nodejs將Javascript推進了服務器端，而不是桎梏與瀏覽器。同理lot將js推進到了更廣泛的設備。從簡單的語音控制臺燈，到復雜的javascript+物聯網智能家居，js的應用範圍越來越廣。而每一次設備疆域的開拓都伴隨著巨大的技術核心和高薪機會。從客戶端到服務器，從pc端到智能手機，同理從智能手機到智能設備也必將掀起新一輪的技術和高薪浪潮。

2019年web前端發展8大布局