點擊上方“前端你別鬧”，并“星標”

喜歡我的都關注我了

要重視戰(zhàn)略、技術只是技能

現(xiàn)在web前端越來越細分，工具、框架語言、日新月異，學也學不完。很多同學想放棄，甚至有人質疑前端以后飽和了，找不到工作了這種無腦文章。

販賣焦慮，著實可笑，那么根據(jù)現(xiàn)在的判斷，我們展望一下未來到底什么樣的呢？我們天天刷屏的vue、react、es6這些玩意只不過我應用層里的冰山一角，不值得吹。

我們要做的是要從戰(zhàn)略層面、大方向了解一下我們的工作到底值不值、或者是什么樣的價值和潛力，是絕對有必要的，不要用只停留在技術、戰(zhàn)術層面，戰(zhàn)略錯了，你就掉坑里了！

下面北媽帶你來展望下未來和現(xiàn)在我們web前端的發(fā)展方向和細分領域。

極可能以后 前端忙成狗 后端寫sql。

前端首先是一個程序員

前端工程師首先是個程序員，其次也是個軟件工程師，他們工作在離用戶最近的地方，負責人機交互和用戶體驗，雖然叫“前端”，但其實他們的工作邊界其實已經很寬了。

展望未來，我想前端的工作會繼續(xù)分化，也會繼續(xù)融合，分工是工業(yè)革命以來社會高效的主要推動力，以后很長一段時間應該也會維持這種形態(tài)。不過核心的東西我想還是不會有太大變化。

我的觀點

1.繼續(xù)分化（領域、行業(yè)、技術棧）

2.繼續(xù)融合（端技術、Web全棧技術、人工智能）

3.核心不變（計算機科學本質、軟件工程思想、程序員基礎素養(yǎng)）

繼續(xù)分化

領域

前端領域會繼續(xù)分化，例如阿里內部的前端就已經有中后臺、圖形、端技術、泛Node、開發(fā)者服務5個大方向了，每個大方向也會細分，舉一些例子：

1、中后臺：有云控制臺、信息&資產管理平臺、內部研發(fā)&項目管理平臺、人工智能&機器學習平臺、數(shù)據(jù)研發(fā)分析平臺等。具體產品如阿里云控制臺、ERP、DeepInsight、Basecamp等。

2、圖形：有基礎圖形庫、3D圖形、數(shù)據(jù)可視化、流程圖等。具體產品如G2、阿里云城市大腦、滴滴智能交通調度圖、雙十一大屏等。

3、端技術：有移動端（iOS、Android、MobileWeb、PWA、小程序）、PC端（客戶端、Web端）、觸屏電腦、各種監(jiān)控大屏、智能手表手環(huán)，智能汽車&家居屏幕等。

4、泛Node：有工具鏈、Web框架、IoT、客戶端（Electron、NW）等。具體產品如DEF/F2E-Test（阿里前端開發(fā)者工具）、Egg.js、VS Code等。

5、開發(fā)者服務：有應用開發(fā)運維平臺、組件市場等。具體產品如阿里云的應用搭建平臺Fusion-Design組件市場，支付寶、微信小程序開發(fā)者工具等。

技術棧

1、React（Native）

2、Angular（NativeScript）

3、Vue（Weex）

---

2. 繼續(xù)融合

端技術包括

~ 前端、客戶端技術思想的融合

~ 組件化（組件化搭建頁面）

~ 組件生命周期鉤子函數(shù)（如iOS ViewController）

~ MV*（如MVVM設計就來源于微軟客戶端開發(fā)框架）

大前端的統(tǒng)一

~ 虛擬DOM技術：React/ReactNative/ReactCanvas

~ 各種移動設備內核和引擎的統(tǒng)一：WebKit/V8

Web全棧技術

~ 前端、后端技術思想的融合

~ MV*

~ AOP、依賴注入

~ IndexedDB（Database）

人工智能與端技術

~ 人工智能、前端技術的融合

~ 端數(shù)據(jù)采集->后端機器學習、數(shù)據(jù)可視化

~ 物聯(lián)網、前端技術的融合

~ 智能家居/汽車/工業(yè)設備可能是有屏幕的，同時可以基于如

~ JerryScript這樣的JS執(zhí)行引擎使用Node.js開發(fā)聯(lián)網應用

3. 核心不變

計算機科學本質/軟件工程思想與實踐/程序員職業(yè)素養(yǎng)。

計算機科學基礎：如基本的操作系統(tǒng)概念和計算機組成原理，算法和數(shù)據(jù)結構基礎等等。

軟件工程思想與實踐：如軟件開發(fā)模式，設計模式，架構思維，自動化思維，單元測試集成測試，UML等等。

程序員職業(yè)素養(yǎng)：如對代碼整潔和可讀性的追求，對軟件開發(fā)的熱情，對編程技藝的自我提升等等。

歷史回顧

回顧過前端的演化，主要參見最底下的相關資源，下圖簡要回顧一下95年以來軟件開發(fā)和前端歷史：

前端的未來

那些生存空間越來越小的產業(yè)

1、小規(guī)模移動App：移動App市場被一些巨頭把持，小規(guī)模App生存空間越來越小

2、PC信息導航類網站（網址、購物、論壇、生活）：現(xiàn)在移動優(yōu)先，而且有智能推薦，并且是強社交

無界面交互

Web前端能做一些事，主要是大前端的范疇

1、會話式界面（視頻語音會話、語音搜索：WebRTC，開源語音庫：Common Voice）

2、感官式界面（視覺：WebAR/WebVR）

3、無界面，未來會有大量IoT設備（IoT有自己的通信協(xié)議和規(guī)范，前端的工作是在用戶的后臺）

富界面交互

大量工作需要前端來做：

~ 日常辦公軟件（慢慢從桌面程序演化為Web）：Office、Email、文檔管理、項目管理、代碼編輯器

~ 大數(shù)據(jù)/AI配套軟件（復雜應用，并且慢慢從桌面程序演化為Web）：需要大量的后臺系統(tǒng)來做數(shù)據(jù)分析/機器學習

~ 播放器/游戲：H5代替Flash，如Web Audio、Web Video、Canvas

~ 容器/DSL/內核/小程序：支付寶/微信/釘釘容器，內核（也就是UC、QQ瀏覽器內核），及其自定義DSL（如果將來手機的底層能力都可以上浮到小程序，很有想象空間）

未來在哪里？

總結觀點

繼續(xù)分化（領域細分、行業(yè)細分、技術棧細分）

繼續(xù)融合（端技術融合、Web全棧、人工智能與端技術的融合）

核心不變（計算機科學本質、軟件工程思想與實踐、程序員職業(yè)素養(yǎng)）

一些建議

? ? ? 關心人工智能的發(fā)展，思考TA在前端領域可能產生的應用場景

• 視覺稿自動生成代碼

• 根據(jù)用戶使用習慣自動排出最符合該用戶習慣的界面

• 收集用戶數(shù)據(jù)在前端實時做學習和分析，如deeplearn.js

相信前端的未來，Web的力量

• WebKit

• V8

• Flexbox：Yoga

結合公司業(yè)務特點有重點的關注前端的某些方面，畢竟技術服務于業(yè)務

前端的發(fā)展超出了所有人的想象力，未來肯定是難以預測的，也沒有做預測的必要，我們要做的還是踏實做好眼前的事情，

以上部分判斷未來觀點段落來自：阿里技術的《不止代碼》一書中的~“前端工程師的未來在哪里” 作者：成曰

北媽寄語：更重要的是，一定要打好基礎，萬變不離其宗。計算機基礎素養(yǎng)，發(fā)展了50年了還是沒有變！

熱門閱讀

1.?我真out了，高端人士都這樣玩兒？
2.??一位美女程序媛的討薪經歷...

3.??6分鐘看懂?Node.js?武功精髓

每天只想聽你們說：小北最帥！

長按掃碼關注我

前端你別鬧

總結

以上是生活随笔為你收集整理的我们前端忙成狗 人家后端写sql?的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。