99%的前端新手都不懂的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端到智慧手機，同理從智慧手機到智慧裝置也必將掀起新一輪的技術和高薪浪潮

關注vx公眾號id：mtbcxx ，學習前端，我們是認真的