数据驱动的高交互可视化图形语法AntV-G2AntVG2是一套基于可视化编码的图形语法,数据驱动,高可用性和可扩展性,用户无需付费注意各种繁琐的实现细节,一条语句可以构建多种交互式统计图表。同时,G2也是AntV最重要的组成部分,从《The Grammar of Graphics》一书中描述的视觉编码语法系统开始(这也是G2项目名称的由来)。项目地址:https://github.com/antvis/g2AntV企业级中后台UI解决方案FusionDesignFusionDesignFusionDesign是一套企业级中后台UI解决方案,致力于解决设计师和前端的问题协作和产品体验一致性,开发效率问题。您可以通过一站式协作平台灵活定制自己的设计系统,生成设计素材和代码片段到设计师工具端的FusionCool和开发者工具端的Iceworks,同时保证代码和视觉稿的一致性。@alifd/next与FusionDesign合作,解决了页面开发过程中设计师与前端的协同问题。通过这套系统设计者可以自由定制组件的UI,制作一个npm主题包,前端可以直接使用,无需关注组件的还原。省去了与设计人员重复缩减评审的工作量,大大提高了开发效率。项目地址:https://fusion.design/FusionDesign设计语言&前端框架AntDesignAntDesignAntDesign是一门企业级的前端设计语言,基于React开发的前端框架实现,目前由蚂蚁金服。其特点:企业级金融产品的交互语言和视觉系统;丰富实用的ReactUI组件;基于React的组件化开发模式;由npm生态系统支持;基于webpack的调试构建方案,支持ES6。提取自企业级中后台产品的交互语言和视觉风格。开箱即用的高质量React组件。使用TypeScript构建,提供完整的类型定义文件。全链路开发设计工具系统。地址:https://github.com/ant-design/ant-designAntDesign的基于G2的React图表库BizChartsBizChartsBizCharts是一个基于G2的React图表库,具有G2和React的所有优点,允许用户使用组件形式组合无数图表;并集成了大量的统计工具,支持多坐标系绘图、交互自定义、动画自定义、图形自定义等,相信BizCharts会是您数据可视化项目的得力助手。地址:https://github.com/alibaba/BizChartsBizCharts企业级Node.js框架EggEggJS阿里巴巴开源的企业级Node.js框架。Egg.js的插件机制具有很强的可扩展性,一个插件只做一件事。Egg.js通过框架将这些插件进行聚合,并根据自己的业务场景进行自定义配置,让应用的开发成本变得非常低。Egg坚持“约定优于配置”,按照一套统一的约定开发应用。在团队内部采用这种方式可以降低开发人员的学习成本。开发商不再是“钉子户”,可以流动。没有一个约定好的团队,沟通成本非常高。比如有的人会按照目录来划分栈,有的人会按照目录来划分函数。如果开发人员认知不一致,就很容易出错。但协议并不意味着可扩展性差。相反,Egg具有很高的可扩展性,框架可以根据团队的约定进行定制。使用Loader可以让框架根据不同的环境定义默认配置,也可以覆盖Egg的默认约定。地址:https://github.com/eggjs/eggEggJS基于React的前端框架umiUmiJSumi,中文发音为Wumi,是一个可插拔的企业级React应用框架。在路由的基础上,umi支持类next.js的常规路由,以及各种高级路由功能,并以此扩展功能,比如支持路由层面的按需加载。然后配备完善的插件体系,覆盖从源代码到构建产品的每一个生命周期,支持各种功能扩展和业务需求。目前内外部共有50+个插件。umi是蚂蚁金服底层前端框架,直接或间接服务过600+应用,包括java、node、H5无线、离线(Hybrid)应用、纯前端资产应用、CMS应用等。服务好我们内部用户,希望他也能服务好外部用户。地址:https://github.com/umijs/umi前端搭建工程工具DawnDawnDawn,意为“黎明,破晓”,最初是“阿里云业务运营团队”内部的一个前端搭建工程工具.完全开源。它通过管道和中间件将开发过程抽象为相对固定的阶段和有限的操作,简化和统一开发人员日常的构建和开发相关工作。特性使用中间件技术封装常用功能,便于扩展和复用支持流水线让多个任务一起完成构建任务简单一致的命令行界面,方便开发者使用支持基于“中心服务”的中间件和项目模板管理建设私有中心服务,统一下发建设细则,便于团队统一管理。地址:https://alibaba.github.io/dawn/Dawn页面逻辑原型AntUXAntUXAntUX是一套制作页面逻辑的素材库。当你在产品设计的早期阶段,你可以用它来绘制页面之间的逻辑图,帮助你理解产品架构和业务流程协调工具:OmniGraffle、SketchOmniGraffle可以用来绘制图表、流程图、组织结构图和插图,也可以用来整理脑海中的信息,整理头脑风暴的结果,绘制思维导图,作为样式管理器,或者为网页或PDF文档设计原型。它具有拖放式所见即所得界面。所谓的“模板”是一组用于拖放的形状——可作为OmniGraffle的插件使用,或者用户可以创建自定义模板。Sketch是一款矢量设计软件,可以帮助你快速投入UI设计地址:http://ux.ant.design/AntUX跨容器渲染引擎RaxRaxRax是一个全新的创意。它是一个通用的跨容器渲染引擎。如果你用过React,那么你已经知道如何使用Rax,因为它们的API是完全兼容的。Rax的诞生,主要是为了服务阿里巴巴广泛的业务。现在,我们将其开源,服务于更多的开发者。记住ReactNative的口号:Learnonce,writeanywhere。但对我们来说,也许这还不够。真正释放我们的劳动力是Rax要做的事情。Rax的目标是一次编写,到处运行。我们只需要开发一次,不用担心各种平台的兼容性问题。地址:https://alibaba.github.io/rax/Rax基于WebGL的Javascript3D绘图引擎G3DG3DG3D是一个基于WebGL的javascript3D绘图引擎。与其他WebGL3D引擎相比,G3D是一个更“纯粹”的渲染引擎,即它根本不依赖任何DOMAPI,而只依赖一个canvas对象(或类canvas对象)。这个特性使得G3D不仅可以运行在浏览器环境,还可以运行在一些非浏览器的js终端环境(混合环境),比如GCanvas环境(基于Weex或者ReactNative)。地址:https://alibaba.github.io/G3D/G3D跨平台移动开发工具WeexWeexWeex致力于让开发者使用同一套代码构建基于当代先进Web开发技术的Android、iOS和Web应用。具体来说,集成WeexSDK后,你可以使用JavaScript和现代流行的前端框架开发移动应用。Weex的结构是解耦的,渲染引擎与语法层分离,不依赖于任何特定的前端框架。目前主要支持Vue.js和Rax两种前端框架。Weex的另一个主要目标是紧跟当代先进的Web开发和原生开发技术,让生产力和性能能够共存。开发一个Weex页面就像开发一个普通的网页一样;渲染Weex页面和渲染原生页面是一样的。地址:https://github.com/apache/incubator-weex/weex基于Weex的UI组件库WeexUIWeexUIWeexUI是一个基于Weex的丰富交互、轻量级、高性能的UI组件库地址:https://github.com/alibaba/weex-uiWeexUI动态语言&React框架动态方案AntMotionAntMotionAntMotion是从蚂蚁金服的AntDesign中提炼出来的动态语言。它不仅是一门动态语言,更是一套React框架的动态解决方案,提供单项、组合动画、一整套解决方案,帮助开发者更方便的在项目中使用动效。增加体验舒适度:让用户的认知过程更加自然。增加界面活力:第一时间吸引眼球,突出重点。描述层次关系:反映元素之间的层次关系和空间关系。提供反馈并阐明意图:促进交互体验。地址:https://motion.ant.design/index-cnAntMotion多页面切换场景统一解决方案UltraViewPagerUltraViewPager是阿里开源的一款ViewPager封装的多种特性,主要是为多页面切换场景提供统一解决方案。UltraViewPager继承自RelativeLayout,将ViewPager和indicator放在里面。同时,UltraViewPager提供了ViewPager的一些常用方法代理,使其在日常使用中与ViewPager保持一致。如果需要调用ViewPager的所有方法,可以通过getViewPager()方法获取到真正的ViewPager去操作。垂直滑动是通过在ViewPager的onInterceptTouchEvent和onTouchEvent中交换水平和垂直事件位置,同时设置一个特殊的PageTransformer来实现的,详见源码。地址:https://github.com/alibaba/UltraViewPagerModularUI界面解决方案TangramUITangramUITangram,七巧板,几个简单的积木就可以拼出这个世界。我们用Tangram来命名这套界面方案,也希望他能像拼图一样,用几块积木搭建出丰富多彩的界面。特点:跨平台支持:现有Android&iOS支持,一份数据,多端渲染一致面向业务:流式布局,瀑布流布局,吸顶,浮标,轮播,内置布局适配绝大部分场景,开放API,简单易用扩展自己的布局和解析器高性能:高效的回收复用算法,可定制的复用颗粒,适应复杂的布局场景,提供丝般顺滑的基础动态组件:支持通过VirtualView自定义XML动态创建组件视图TAC:支持后端微-服务设施,灵活构建Tangram业务所需数据地址:http://tangram.pingguohe.net/Tangram自动化测试解决方案MacacaMacacaMacaca是用户端软件的测试解决方案,提供自动化驱动、环境支持、周边工具,以及集成解决方案,旨在解决终端的测试、自动化、性能等方面的问题。具有以下特点:跨平台:支持移动端和PC端的Native、Hybrid,移动端web应用支持真机:支持真机和模拟器,大量样例更简单:支持多种语言栈编写脚本,提供Debugging,elementviewer,datamock,recordingandplayback等外围CI解决方案:为持续集成平台提供持续集成解决方案和私有部署解决方案地址:https://github.com/alibaba/macacaMacacaReact-basedmid-后台应用解决方案飞冰ICEIce飞冰(ICE)是一套基于React的中后台应用解决方案。ICE包含了从设计端到开发端的完整链路,帮助用户快速构建自己的中后台应用。针对设计师,ICE提供ICEDesign设计语言,为UI界面提供专业的视觉引导。ICE为开发者提供了Iceworks工具,这是一个图形化界面的开发平台,承载了ICE的素材系统和开发经验。地址:https://alibaba.github.io/ice/IceHTML5InteractiveGameEngineHiloHiloHilo是阿里巴巴集团开发的HTML5跨端游戏解决方案,可以帮助开发者快速创建HTML5游戏。主要特点Hilo支持多种模块范式的打包版本,包括AMD、CMD、COMMONJS,以及多种方式的Standalone接入。另外,您可以根据需要添加和扩展模块和类型;极其精简的模块设计,完全面向对象;多种渲染方式,提供DOM、Canvas、Flash、WebGL等渲染方案(已申请专利);全端浏览器支持和高性能解决方案,独特的Flash渲染方案,即使在低版本IE浏览器中也能运行“酷”游戏;DOM渲染方案可以显着解决低性能移动浏览器遇到的性能问题;物理引擎支持——Chipmunk,支持自扩展物理实现;骨骼动画支持——DragonBones,以及内置骨骼动画系统——Tahiti(目前内部使用);丰富的案例,成熟的框架,经历过多次阿里巴巴双十一、年中大促互动营销活动的考验;地址:https://github.com/hiloteam/HiloHiloJavaScript模板引擎Velocity.jsVelocity.js是velocity模板语法的JS版本实现。Velocity是一个基于Java的模板引擎,广泛应用于阿里系统的各个子项目中。Velocity模板适用于大量使用模板的场景,支持各种复杂的逻辑操作,包括基本数据类型、变量赋值、函数等功能。Velocity.js支持Node.js和浏览器环境。地址:https://github.com/shepherdwind/velocity.jsVelocity非侵入式运行时AOP框架DexposedDexposed是一个强大但非侵入式的运行时AOP(面向切面编程)框架,用于Android应用程序开发,基于Well的工作-ROOT社区知名的开源Xposed框架项目。它的转型剥离了ROOT部分,演变成一个服务于应用本身的AOP框架。支持阿里大部分APP的在线客户端BugFix和在线调试能力。地址:https://github.com/alibaba/dexposedDexposed自动化测试解决方案UIRecorderUIRecorderUIRecorder是一款零成本的自动化测试整体解决方案。一次自检等于多次测试,测试一个浏览器等于测试多个浏览器设备!地址:https://github.com/alibaba/uirecorderUIRecorderAndFixAndFix是阿里巴巴开源的一款为Android应用提供热修复的工具,帮助Android开发者及时修复线上问题。Andfix是“Androidhot-fix”的首字母缩写。地址:https://github.com/alibaba/AndFixAndFix基于Node.js的自动化持续集成ReliableReliableReliable是由Macaca团队成员开发的分布式架构持续集成系统。适用于一体化建设、一体化建设等场景。她是一个典型的master-slave结构,分为reliable-master和reliable-slave两部分。地址:https://github.com/macacajs/reliableReliablemockdatageneratorMock.jsMockMock.js是阿里巴巴开源的mock数据生成器,旨在帮助前端工程师独立于后端开发,帮助编写单元测试.提供以下mock功能:基于数据模板生成mock数据模拟Ajax请求,生成并返回mock数据基于HTML模板生成mock数据。地址:https://github.com/nuysoft/MockReact应用服务器渲染框架BeidouBeidou(北斗)是阿里巴巴开源的一个NodeJS&React同构框架,基于Egg.js开发。Function/Feature??高性能,相比客户端渲染性能提升2-5倍??搜索引擎友好(SEO)??支持ES6/ES7/ES8JavaScript语法??支持TypeScript??支持SCSS/Sass??支持自动路由??提供扩展默认的Webpack配置接口??可自定义的视图渲染中间件??简单易用的CLI工具??可插拔的同构能力地址:https://github.com/alibaba/beidou***以上就是阿里巴巴给大家介绍的25个开源项目,希望对你有所帮助,如果你有什么好的项目推荐可以在下方留言,期待你的每一条评论~
