前端
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 圖表庫,具有 G2、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