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端到智慧手機，同理從智慧手機到智慧裝置也必將掀起新一輪的技術和高薪浪潮
自己是一名從事了6年開發的老程式設計師，希望本文對大家有幫助
如果你依然在程式設計的世界裡迷茫，不知道自己的未來規劃，可以加入web前端學習交流扣qun：731771211 裡面可以與大神一起交流並走出迷茫。新手可免費領取學習資料，看看前輩們是如何在程式設計的世界裡傲然前行不停更新最新的教程和學習方法（詳細的前端專案實戰教學視訊），有想學習web前端的，或是轉行，或是大學生，還有工作中想提升自己能力的，正在學習的小夥伴歡迎加入
點選：加入