目錄

• 1.數(shù)據(jù)驅(qū)動(dòng)的高交互可視化圖形語法 AntV - G2
• 2.企業(yè)級中后臺(tái) UI 解決方案 Fusion Design
• 3.設(shè)計(jì)語言 & 前端框架 Ant Design
• 4.基于 G2 封裝的 React 圖表庫 BizCharts
• 5.企業(yè)級 Node.js 框架 Egg
• 6.基于 React 的前端框架 umi
• 7.前端構(gòu)建和工程化工具 Dawn
• 8.頁面邏輯原型 Ant UX
• 9.跨容器的渲染引擎 Rax
• 10.基于 WebGL 的 Javascript 3D 繪圖引擎 G3D
• 11.跨平臺(tái)移動(dòng)開發(fā)工具 Weex
• 12.基于 Weex 的 UI 組件庫 Weex Ui
• 13.動(dòng)效語言& React 框架動(dòng)效解決方案 Ant Motion
• 14.多頁面切換場景統(tǒng)一解決方案 UltraViewPager
• 15.模塊化 UI 界面方案 Tangram UI
• 16.自動(dòng)化測試解決方案 Macaca
• 17.基于 React 的中后臺(tái)應(yīng)用解決方案 飛冰 ICE
• 18.HTML5 互動(dòng)游戲引擎 Hilo
• 19.JavaScript 模板引擎 Velocity.js
• 20. 非侵入式運(yùn)行期 AOP 框架 Dexposed
• 21. 自動(dòng)化測試解決方案 UI Recorder
• 22. Android 應(yīng)用熱修復(fù)工具 AndFix
• 23. 淘寶 React 框架 React Web
• 24.基于 Node.js 的自動(dòng)化持續(xù)集成 Reliable
• 25. 模擬數(shù)據(jù)生成器 Mock.js
• 26. React 應(yīng)用的服務(wù)器渲染框架 Beidou

1.數(shù)據(jù)驅(qū)動(dòng)的高交互可視化圖形語法 AntV - G2

G2 是一套基于可視化編碼的圖形語法，以數(shù)據(jù)驅(qū)動(dòng)，具有高度的易用性和擴(kuò)展性，用戶無需關(guān)注各種繁瑣的實(shí)現(xiàn)細(xì)節(jié)，一條語句即可構(gòu)建出各種各樣的可交互的統(tǒng)計(jì)圖表。
同時(shí)，G2 也是 AntV 最重要的組成，始于《The Grammar of Graphics》一書描述的視覺編碼語法系統(tǒng)（這也是 G2 項(xiàng)目命名的由來）。

項(xiàng)目地址：
https://github.com/antvis/g2

2.企業(yè)級中后臺(tái) UI 解決方案 Fusion Design

Fusion Design 是一種旨在提升設(shè)計(jì)與開發(fā)之間 UI 構(gòu)建效率的工作方式。通過建設(shè)基于 DPL 模式的，設(shè)計(jì)、前端之間的標(biāo)準(zhǔn)協(xié)議與工作流，來快速構(gòu)建符合業(yè)務(wù)訴求的 DPL，提升 DPL 的構(gòu)建效率和應(yīng)用效率，幫助業(yè)務(wù)快速實(shí)現(xiàn) UI 構(gòu)建。

項(xiàng)目地址：
https://fusion.design/

3.設(shè)計(jì)語言 & 前端框架 Ant Design

Ant Design 是螞蟻金服開發(fā)和正在使用的一套企業(yè)級的前端設(shè)計(jì)語言和基于 React 的前端框架實(shí)現(xiàn)。它的特性：企業(yè)級金融產(chǎn)品的交互語言和視覺體系；豐富實(shí)用的 React UI 組件；基于 React 的組件化開發(fā)模式；背靠 npm 生態(tài)圈；基于 webpack 的調(diào)試構(gòu)建方案，支持 ES6。

項(xiàng)目地址：
https://github.com/ant-design/ant-design

4.基于 G2 封裝的 React 圖表庫 BizCharts

BizCharts 是一個(gè)基于 G2 封裝的 React 圖表庫，具有 G2、React 的全部優(yōu)點(diǎn)，可以讓用戶以組件的形式組合出無數(shù)種圖表；并且集成了大量的統(tǒng)計(jì)工具，支持多種坐標(biāo)系繪制，交互定制，動(dòng)畫定制以及圖形定制等等。相信 BizCharts 定能成為您的數(shù)據(jù)可視化項(xiàng)目的強(qiáng)力助手。

項(xiàng)目地址：
https://github.com/alibaba/BizCharts

5.企業(yè)級 Node.js 框架 Egg

阿里開源的企業(yè)級 Node.js 框架。Egg.js 的插件機(jī)制有很高的可擴(kuò)展性，一個(gè)插件只做一件事。Egg.js 通過框架聚合這些插件，并根據(jù)自己的業(yè)務(wù)場景定制配置，這樣應(yīng)用的開發(fā)成本就變得很低。

項(xiàng)目地址：
https://github.com/eggjs/egg

6.基于 React 的前端框架 umi

umi 是可插拔的企業(yè)級 React 框架，類似 Next.js。

項(xiàng)目地址：
https://github.com/umijs/umi

7.前端構(gòu)建和工程化工具 Dawn

Dawn 取「黎明、破曉」之意，原為「阿里云·業(yè)務(wù)運(yùn)營團(tuán)隊(duì)」內(nèi)部的前端構(gòu)建和工程化工具，現(xiàn)已完全開源。它通過 pipeline 和 middleware 將開發(fā)過程抽象為相對固定的階段和有限的操作，簡化并統(tǒng)一了開發(fā)人員的日常構(gòu)建與開發(fā)相關(guān)的工作。

項(xiàng)目地址：
https://alibaba.github.io/dawn/

8.頁面邏輯原型 Ant UX

這是一套制作頁面邏輯的素材庫，當(dāng)你在產(chǎn)品設(shè)計(jì)初期，可以用它來繪制頁面與頁面之間的邏輯圖，幫助你了解產(chǎn)品架構(gòu)，業(yè)務(wù)流程。

配合工具:

OmniGraffle ,Sketch

OmniGraffle 可以用來繪制圖表，流程圖，組織結(jié)構(gòu)圖以及插圖，也可以用來組織頭腦中思考的信息，組織頭腦風(fēng)暴的結(jié)果，繪制心智圖，作為樣式管理器，或設(shè)計(jì)網(wǎng)頁或PDF文檔的原型。
Sketch 是一個(gè)矢量設(shè)計(jì)軟件，可以幫助你快速投入U(xiǎn)I設(shè)計(jì)當(dāng)中。

項(xiàng)目地址：
http://ux.ant.design/

9.跨容器的渲染引擎 Rax

Rax 是阿里開源的一個(gè)通用的 JavaScript 庫，主要有 React 兼容的 API 。 使用 React 的就應(yīng)該已經(jīng)知道如何使用 Rax。

地址：

https://alibaba.github.io/rax/

10.基于 WebGL 的 Javascript 3D 繪圖引擎 G3D

G3D 是阿里巴巴開源的一款基于 WebGL 的 javascript 3D 繪圖引擎。與其他的 WebGL 3D 引擎相比，G3D 是更加「純粹」的渲染引擎，也就是說，它完全不依賴任何 DOM API，而是僅僅依賴一個(gè) canvas 對象（或者類 canvas 對象）。該特性使得 G3D 不僅能夠運(yùn)行在瀏覽器環(huán)境中，也能夠運(yùn)行在一些非瀏覽器的 js 終端環(huán)境下（hybrid 環(huán)境），比如 GCanvas 環(huán)境（基于 Weex 或 ReactNative）。

地址：

https://alibaba.github.io/G3D/

11.跨平臺(tái)移動(dòng)開發(fā)工具 Weex

Weex 是開源的跨平臺(tái)移動(dòng)開發(fā)工具，能夠完美兼顧性能與動(dòng)態(tài)性，讓移動(dòng)開發(fā)者通過簡捷的前端語法寫出Native級別的性能體驗(yàn)，并支持iOS、安卓、YunOS及Web等多端部署。

地址：

https://github.com/apache/incubator-weex/

12.基于 Weex 的 UI 組件庫 Weex Ui

Weex Ui 是一個(gè)基于 Weex 的富交互、輕量級、高性能的 UI 組件庫。

地址：

https://github.com/alibaba/weex-ui

13.動(dòng)效語言& React 框架動(dòng)效解決方案 Ant Motion

Ant Motion 是從螞蟻金服的 Ant Design 中提煉出來的動(dòng)效語言。它不僅僅是動(dòng)效語言，同時(shí)也是一套 React 框架動(dòng)效解決方案，提供了單項(xiàng)，組合動(dòng)畫，以及整套解決方案，幫助開發(fā)者更容易的在項(xiàng)目中使用動(dòng)效。

地址：

https://motion.ant.design/

14.多頁面切換場景統(tǒng)一解決方案 UltraViewPager

UltraViewPager 是阿里開源的一個(gè)封裝多種特性的 ViewPager ，主要是為多頁面切換場景提供統(tǒng)一解決方案。

地址：

https://github.com/alibaba/UltraViewPager

15.模塊化 UI 界面方案 Tangram UI

Tangram，七巧板，是天貓團(tuán)隊(duì)開源的跨平臺(tái)模塊化 UI 界面方案。

Tangram 不僅僅是一個(gè) Native（iOS & Android）的界面開發(fā)框架，而是從日常工作中沉淀出的一套界面解決方案，涵蓋了 Native SDK、GUI操作臺(tái)、后端邏輯容器、組件庫機(jī)制的一整套方案。

地址：

http://tangram.pingguohe.net/

16.自動(dòng)化測試解決方案 Macaca

Macaca是一套完整的自動(dòng)化測試解決方案，支持移動(dòng)端和PC端，支持Native, Hybrid, H5 等多種應(yīng)用類型，并且提供客戶端工具和持續(xù)集成服務(wù)。

地址：

https://github.com/alibaba/macaca

17.基于 React 的中后臺(tái)應(yīng)用解決方案 飛冰 ICE

飛冰(ICE) 是一套基于 React 的中后臺(tái)應(yīng)用解決方案，ICE 包含了一條從設(shè)計(jì)端到開發(fā)端的完整鏈路，幫助用戶快速搭建屬于自己的中后臺(tái)應(yīng)用。

面向設(shè)計(jì)者端，ICE 提供了 ICE Design 設(shè)計(jì)語言，來給 UI 界面提供專業(yè)的視覺指導(dǎo)。面向開發(fā)者端，ICE 提供了 Iceworks 工具，這是一個(gè)圖形化界面的開發(fā)平臺(tái)，它承載了 ICE 的物料體系和開發(fā)體驗(yàn)。

地址：

https://alibaba.github.io/ice/

18.HTML5 互動(dòng)游戲引擎 Hilo

Hilo 是阿里巴巴集團(tuán)開發(fā)的一款HTML5跨終端游戲解決方案，ta可以幫助開發(fā)者快速創(chuàng)建HTML5游戲。

地址：

https://github.com/hiloteam/Hilo

19.JavaScript 模板引擎 Velocity.js

Velocity.js 是velocity模板語法的javascript實(shí)現(xiàn)。Velocity 是基于Java的模板引擎，廣泛應(yīng)用在阿里集 體各個(gè)子公司。Velocity模板適用于大量模板使用的場景，支持復(fù)雜的邏輯運(yùn)算，包含 基本數(shù)據(jù)類型、變量賦值和函數(shù)等功能。Velocity.js 支持 Node.js 和瀏覽器環(huán)境。

地址：

https://github.com/shepherdwind/velocity.js

20. 非侵入式運(yùn)行期 AOP 框架 Dexposed

Dexposed 是阿里巴巴無線事業(yè)部第一個(gè)重量級 Andorid 開源軟件，基于 ROOT 社區(qū)著名開源項(xiàng)目 Xposed 改造剝離了 ROOT 部分，演化為服務(wù)于所在應(yīng)用自身的 AOP 框架。它支撐了阿里大部分 App 的在線分鐘級客戶端 bugfix 和線上調(diào)試能力。

地址：

https://github.com/alibaba/dexposed

21. 自動(dòng)化測試解決方案 UI Recorder

UI Recorder 是一款零成本的整體自動(dòng)化測試解決方案，一次自測等于多次測試，測一個(gè)瀏覽器等于測多個(gè)瀏覽器！

地址：

https://github.com/alibaba/uirecorder

22. Android 應(yīng)用熱修復(fù)工具 AndFix

AndFix 是阿里巴巴開源的 Android 應(yīng)用熱修復(fù)工具，幫助 Anroid 開發(fā)者修復(fù)應(yīng)用的線上問題。Andfix 是 "Android hot-fix" 的縮寫。

地址：

https://github.com/alibaba/AndFix

23. 淘寶 React 框架 React Web

淘寶前端團(tuán)隊(duì)開源項(xiàng)目React Web，通過與React Native一致的API構(gòu)建Web應(yīng)用。

地址：

https://github.com/taobaofed/react-web、

24.基于 Node.js 的自動(dòng)化持續(xù)集成 Reliable

Reliable 是分布式架構(gòu)的持續(xù)集成系統(tǒng)，由Macaca 團(tuán)隊(duì)的成員開發(fā)。適用于集成構(gòu)建、集成構(gòu)建等場景。她是典型的主從結(jié)構(gòu)，分為reliable-master 與 reliable-slave 兩部分。

地址：

https://github.com/reliablejs/reliable-master

25. 模擬數(shù)據(jù)生成器 Mock.js

Mock.js 是一款模擬數(shù)據(jù)生成器，旨在幫助前端攻城師獨(dú)立于后端進(jìn)行開發(fā)，幫助編寫單元測試。提供了以下模擬功能：根據(jù)數(shù)據(jù)模板生成模擬數(shù)據(jù)，模擬 Ajax 請求，生成并返回模擬數(shù)據(jù)，基于 HTML 模板生成模擬數(shù)據(jù)。

地址：

https://github.com/nuysoft/Mock

26. React 應(yīng)用的服務(wù)器渲染框架 Beidou

Beidou(北斗) 是 NodeJS & React 同構(gòu)框架，基于Egg.js開發(fā)。

地址：

https://github.com/alibaba/beidou

關(guān)注公眾號(hào)githubcn，免費(fèi)獲取更多學(xué)習(xí)視頻教程

轉(zhuǎn)載于:https://www.cnblogs.com/bqh10086/p/10163570.html

總結(jié)

以上是生活随笔為你收集整理的阿里巴巴26个前端开源项目的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。