阿里巴巴26個前端開源項目

[TOC] ###1.數據驅動的高交互可視化圖形語法 AntV - G2

G2 是一套基於可視化編碼的圖形語法，以數據驅動，具備高度的易用性和擴展性，用戶無需關注各類繁瑣的實現細節，一條語句便可構建出各類各樣的可交互的統計圖表。 同時，G2 也是 AntV 最重要的組成，始於《The Grammar of Graphics》一書描述的視覺編碼語法系統（這也是 G2 項目命名的由來）。

項目地址： https://github.com/antvis/g2

###2.企業級中後臺 UI 解決方案 Fusion Design

Fusion Design 是一種旨在提高設計與開發之間 UI 構建效率的工做方式。經過建設基於 DPL 模式的，設計、前端之間的標準協議與工做流，來快速構建符合業務訴求的 DPL，提高 DPL 的構建效率和應用效率，幫助業務快速實現 UI 構建。

項目地址： https://fusion.design/

###3.設計語言 & 前端框架 Ant Design Ant Design 是螞蟻金服開發和正在使用的一套企業級的前端設計語言和基於 React 的前端框架實現。它的特性：企業級金融產品的交互語言和視覺體系；豐富實用的 React UI 組件；基於 React 的組件化開發模式；背靠 npm 生態圈；基於 webpack 的調試構建方案，支持 ES6。

項目地址： https://github.com/ant-design/ant-design

###4.基於 G2 封裝的 React 圖表庫 BizCharts BizCharts 是一個基於 G2 封裝的 React 圖表庫，具備 G二、React 的所有優勢，可讓用戶以組件的形式組合出無數種圖表；而且集成了大量的統計工具，支持多種座標系繪製，交互定製，動畫定製以及圖形定製等等。相信 BizCharts 定能成爲您的數據可視化項目的強力助手。

項目地址： https://github.com/alibaba/BizCharts

###5.企業級 Node.js 框架 Egg 阿里開源的企業級 Node.js 框架。Egg.js 的插件機制有很高的可擴展性，一個插件只作一件事。Egg.js 經過框架聚合這些插件，並根據本身的業務場景定製配置，這樣應用的開發成本就變得很低。

項目地址： https://github.com/eggjs/egg

###6.基於 React 的前端框架 umi umi 是可插拔的企業級 React 框架，相似 Next.js。

項目地址： https://github.com/umijs/umi

###7.前端構建和工程化工具 Dawn Dawn 取「黎明、破曉」之意，原爲「阿里雲·業務運營團隊」內部的前端構建和工程化工具，現已徹底開源。它經過 pipeline 和 middleware 將開發過程抽象爲相對固定的階段和有限的操做，簡化並統一了開發人員的平常構建與開發相關的工做。

項目地址： https://alibaba.github.io/dawn/

###8.頁面邏輯原型 Ant UX 這是一套製做頁面邏輯的素材庫，當你在產品設計初期，能夠用它來繪製頁面與頁面之間的邏輯圖，幫助你瞭解產品架構，業務流程。

配合工具:

OmniGraffle ,Sketch

OmniGraffle 能夠用來繪製圖表，流程圖，組織結構圖以及插圖，也能夠用來組織頭腦中思考的信息，組織頭腦風暴的結果，繪製心智圖，做爲樣式管理器，或設計網頁或PDF文檔的原型。 Sketch 是一個矢量設計軟件，能夠幫助你快速投入UI設計當中。

項目地址： http://ux.ant.design/

###9.跨容器的渲染引擎 Rax Rax 是阿里開源的一個通用的 JavaScript 庫，主要有 React 兼容的 API 。 使用 React 的就應該已經知道如何使用 Rax。

地址：

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

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

G3D 是阿里巴巴開源的一款基於 WebGL 的 javascript 3D 繪圖引擎。與其餘的 WebGL 3D 引擎相比，G3D 是更加「純粹」的渲染引擎，也就是說，它徹底不依賴任何 DOM API，而是僅僅依賴一個 canvas 對象（或者類 canvas 對象）。該特性使得 G3D 不只可以運行在瀏覽器環境中，也可以運行在一些非瀏覽器的 js 終端環境下（hybrid 環境），好比 GCanvas 環境（基於 Weex 或 ReactNative）。

地址：

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

###11.跨平臺移動開發工具 Weex

Weex 是開源的跨平臺移動開發工具，可以完美兼顧性能與動態性，讓移動開發者經過簡捷的前端語法寫出Native級別的性能體驗，並支持iOS、安卓、YunOS及Web等多端部署。

地址：

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

###12.基於 Weex 的 UI 組件庫 Weex Ui

Weex Ui 是一個基於 Weex 的富交互、輕量級、高性能的 UI 組件庫。

地址：

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

###13.動效語言& React 框架動效解決方案 Ant Motion

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

地址：

https://motion.ant.design/

###14.多頁面切換場景統一解決方案 UltraViewPager

UltraViewPager 是阿里開源的一個封裝多種特性的 ViewPager ，主要是爲多頁面切換場景提供統一解決方案。

地址：

https://github.com/alibaba/UltraViewPager

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

Tangram，七巧板，是天貓團隊開源的跨平臺模塊化 UI 界面方案。

Tangram 不單單是一個 Native（iOS & Android）的界面開發框架，而是從平常工做中沉澱出的一套界面解決方案，涵蓋了 Native SDK、GUI操做臺、後端邏輯容器、組件庫機制的一整套方案。

地址：

http://tangram.pingguohe.net/

###16.自動化測試解決方案 Macaca

Macaca是一套完整的自動化測試解決方案，支持移動端和PC端，支持Native, Hybrid, H5 等多種應用類型，而且提供客戶端工具和持續集成服務。

地址：

https://github.com/alibaba/macaca

###17.基於 React 的中後臺應用解決方案 飛冰 ICE

飛冰(ICE) 是一套基於 React 的中後臺應用解決方案，ICE 包含了一條從設計端到開發端的完整鏈路，幫助用戶快速搭建屬於本身的中後臺應用。

面向設計者端，ICE 提供了 ICE Design 設計語言，來給 UI 界面提供專業的視覺指導。面向開發者端，ICE 提供了 Iceworks 工具，這是一個圖形化界面的開發平臺，它承載了 ICE 的物料體系和開發體驗。

地址：

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

###18.HTML5 互動遊戲引擎 Hilo

Hilo 是阿里巴巴集團開發的一款HTML5跨終端遊戲解決方案，ta能夠幫助開發者快速建立HTML5遊戲。

地址：

https://github.com/hiloteam/Hilo

###19.JavaScript 模板引擎 Velocity.js

Velocity.js 是velocity模板語法的javascript實現。Velocity 是基於Java的模板引擎，普遍應用在阿里集 體各個子公司。Velocity模板適用於大量模板使用的場景，支持複雜的邏輯運算，包含 基本數據類型、變量賦值和函數等功能。Velocity.js 支持 Node.js 和瀏覽器環境。

地址：

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

###20. 非侵入式運行期 AOP 框架 Dexposed

Dexposed 是阿里巴巴無線事業部第一個重量級 Andorid 開源軟件，基於 ROOT 社區著名開源項目 Xposed 改造剝離了 ROOT 部分，演化爲服務於所在應用自身的 AOP 框架。它支撐了阿里大部分 App 的在線分鐘級客戶端 bugfix 和線上調試能力。

地址：

https://github.com/alibaba/dexposed

###21. 自動化測試解決方案 UI Recorder

UI Recorder 是一款零成本的總體自動化測試解決方案，一次自測等於屢次測試，測一個瀏覽器等於測多個瀏覽器！

地址：

https://github.com/alibaba/uirecorder

###22. Android 應用熱修復工具 AndFix

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

地址：

https://github.com/alibaba/AndFix

###23. 淘寶 React 框架 React Web

淘寶前端團隊開源項目React Web，經過與React Native一致的API構建Web應用。

地址：

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

###24.基於 Node.js 的自動化持續集成 Reliable

Reliable 是分佈式架構的持續集成系統，由Macaca 團隊的成員開發。適用於集成構建、集成構建等場景。她是典型的主從結構，分爲reliable-master 與 reliable-slave 兩部分。

地址：

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

###25. 模擬數據生成器 Mock.js

Mock.js 是一款模擬數據生成器，旨在幫助前端攻城師獨立於後端進行開發，幫助編寫單元測試。提供瞭如下模擬功能：根據數據模板生成模擬數據，模擬 Ajax 請求，生成並返回模擬數據，基於 HTML 模板生成模擬數據。

地址：

https://github.com/nuysoft/Mock

###26. React 應用的服務器渲染框架 Beidou

Beidou(北斗) 是 NodeJS & React 同構框架，基於Egg.js開發。

地址：

https://github.com/alibaba/beidou

#####關注公衆號<font color='red' size='+2'>githubcn</font>，免費獲取更多學習視頻教程

原文出處：https://www.cnblogs.com/bqh10086/p/10163570.html