前端框架選擇的思考

《前端框架選擇的思考》這篇在博客園熱度很高，講的正是大家天天碰到的事。下面幫你把要點捋出來，結尾有能直接抄的結論。

前端框架選擇的思考 起因：某天整理電腦，掃描了一遍自己的 Project 文件夾，發現 40 多個項目裏，Vue2、Vue3、React、Angular、jQuery、原生小程序、uni-app 全都出現過。與其說這是一次技術盤點，不如說是一份"個人前端編年史"。趁着記憶還熱，把關於框架選擇的思考記下來。

前端框架選擇的思考 起因：某天整理電腦，掃描了一遍自己的 Project 文件夾，發現 40 多個項目裏，Vue2、Vue3、React、Angular、jQuery、原生小程序、uni-app 全都出現過。與其說這是一次技術盤點，不如說是一份"個人前端編年史"。趁着記憶還熱，把關於框架選擇的思考記下來。 一、先盤點：我的項目都用什麼寫的 技術棧 項目數 典型形態 典型特徵 React 16 ~20 雲平臺 B 端控制檯、數據管理後臺、視頻管理後臺等 某雲廠商控制檯體系，內部組件庫 / antd 3 ，多個項目用 qiankun 微前端 Vue2 ~11 物聯網管理平臺、中後臺管理系統、練手項目 某開源低代碼平臺（ ant-design-vue 1.x ）爲主，另有 element-ui 系 Vue3 ~4 信息管理系統、可視化大屏 Vite + Pinia + element-plus / ant-design-vue 4 ，大屏用 three.js Angular 5 1 某運營管理系統 Angular CLI 1.7 + PrimeNG + Bootstrap 3 + jQuery，孤例 uni-app 3 管理系統移動端、資源查詢應用 小程序 / App / H5 多端 jQuery / 靜態站 2 企業官網 純 HTML + CSS + JS 原生小程序 1 某小程序 wxml / wxss 幾個有意思的細節： React 項目全部鎖死在 16.x ，沒有一個 17/18；Vue2 全部是 2.6；連 Angular 也停在 5。

前端框架選擇的思考 起因：某天整理電腦，掃描了一遍自己的 Project 文件夾，發現 40 多個項目裏，Vue2、Vue3、React、Angular、jQuery、原生小程序、uni-app 全都出現過。與其說這是一次技術盤點，不如說是一份"個人前端編年史"。趁着記憶還熱，把關於框架選擇的思考記下來。 一、先盤點：我的項目都用什麼寫的 技術棧 項目數 典型形態 典型特徵 React 16 ~20 雲平臺 B 端控制檯、數據管理後臺、視頻管理後臺等 某雲廠商控制檯體系，內部組件庫 / antd 3 ，多個項目用 qiankun 微前端 Vue2 ~11 物聯網管理平臺、中後臺管理系統、練手項目 某開源低代碼平臺（ ant-design-vue 1.x ）爲主，另有 element-ui 系 Vue3 ~4 信息管理系統、可視化大屏 Vite + Pinia + element-plus / ant-design-vue 4 ，大屏用 three.js Angular 5 1 某運營管理系統 Angular CLI 1.7 + PrimeNG + Bootstrap 3 + jQuery，孤例 uni-app 3 管理系統移動端、資源查詢應用 小程序 / App / H5 多端 jQuery / 靜態站 2 企業官網 純 HTML + CSS + JS 原生小程序 1 某小程序 wxml / wxss 幾個有意思的細節： React 項目全部鎖死在 16.x ，沒有一個 17/18；Vue2 全部是 2.6；連 Angular 也停在 5。 同一個產品裏同時存在 Vue2 和 React 兩套前端目錄 ——一次沒做完的框架遷移的痕跡。

前端框架選擇的思考 起因：某天整理電腦，掃描了一遍自己的 Project 文件夾，發現 40 多個項目裏，Vue2、Vue3、React、Angular、jQuery、原生小程序、uni-app 全都出現過。與其說這是一次技術盤點，不如說是一份"個人前端編年史"。趁着記憶還熱，把關於框架選擇的思考記下來。 一、先盤點：我的項目都用什麼寫的 技術棧 項目數 典型形態 典型特徵 React 16 ~20 雲平臺 B 端控制檯、數據管理後臺、視頻管理後臺等 某雲廠商控制檯體系，內部組件庫 / antd 3 ，多個項目用 qiankun 微前端 Vue2 ~11 物聯網管理平臺、中後臺管理系統、練手項目 某開源低代碼平臺（ ant-design-vue 1.x ）爲主，另有 element-ui 系 Vue3 ~4 信息管理系統、可視化大屏 Vite + Pinia + element-plus / ant-design-vue 4 ，大屏用 three.js Angular 5 1 某運營管理系統 Angular CLI 1.7 + PrimeNG + Bootstrap 3 + jQuery，孤例 uni-app 3 管理系統移動端、資源查詢應用 小程序 / App / H5 多端 jQuery / 靜態站 2 企業官網 純 HTML + CSS + JS 原生小程序 1 某小程序 wxml / wxss 幾個有意思的細節： React 項目全部鎖死在 16.x ，沒有一個 17/18；Vue2 全部是 2.6；連 Angular 也停在 5。 同一個產品裏同時存在 Vue2 和 React 兩套前端目錄 ——一次沒做完的框架遷移的痕跡。 同一套 Vue2 低代碼平臺底座被複制了至少 6 份 ，分別服務不同的交付項目。

前端框架選擇的思考 起因：某天整理電腦，掃描了一遍自己的 Project 文件夾，發現 40 多個項目裏，Vue2、Vue3、React、Angular、jQuery、原生小程序、uni-app 全都出現過。與其說這是一次技術盤點，不如說是一份"個人前端編年史"。趁着記憶還熱，把關於框架選擇的思考記下來。 一、先盤點：我的項目都用什麼寫的 技術棧 項目數 典型形態 典型特徵 React 16 ~20 雲平臺 B 端控制檯、數據管理後臺、視頻管理後臺等 某雲廠商控制檯體系，內部組件庫 / antd 3 ，多個項目用 qiankun 微前端 Vue2 ~11 物聯網管理平臺、中後臺管理系統、練手項目 某開源低代碼平臺（ ant-design-vue 1.x ）爲主，另有 element-ui 系 Vue3 ~4 信息管理系統、可視化大屏 Vite + Pinia + element-plus / ant-design-vue 4 ，大屏用 three.js Angular 5 1 某運營管理系統 Angular CLI 1.7 + PrimeNG + Bootstrap 3 + jQuery，孤例 uni-app 3 管理系統移動端、資源查詢應用 小程序 / App / H5 多端 jQuery / 靜態站 2 企業官網 純 HTML + CSS + JS 原生小程序 1 某小程序 wxml / wxss 幾個有意思的細節： React 項目全部鎖死在 16.x ，沒有一個 17/18；Vue2 全部是 2.6；連 Angular 也停在 5。 同一個產品裏同時存在 Vue2 和 React 兩套前端目錄 ——一次沒做完的框架遷移的痕跡。 同一套 Vue2 低代碼平臺底座被複制了至少 6 份 ，分別服務不同的交付項目。 jQuery 陰魂不散 ：不少 React 16 項目裏還躺着 jquery@^3.5.1 的依賴。

建議先收藏再實操：挑其中一個點今天就試試，跑通了再看下一個。知識只有過手纔是你的，你準備先試哪一點？ 來源｜博客園《前端框架選擇的思考》，https://www.cnblogs.com/ChineseLiao/p/23006388.html