在移动互联网时代,前端框架的重要性不言而喻。它们可以帮助开发者快速构建高质量、高性能的移动端应用。今天,我们就来揭秘阿里巴巴集团自主研发的手机端独门前端框架——Tangram。
Tangram概述
Tangram是一款由阿里巴巴移动团队研发的前端框架,它不仅是一个Native(iOS & Android)的界面开发框架,更是一整套涵盖Native SDK、GUI操作台、后端逻辑容器、组件库机制的界面解决方案。Tangram从手机天猫首页方案抽象而来,旨在为开发者提供高性能、可定制、多平台一致的界面开发体验。
Tangram发展历程
从2013年天猫在移动平台发力开始,阿里巴巴团队就开始探索界面动态化方案。经历了WebViewHTML方案、动态Native方案,最终在Tangram中找到了一个平衡性能、稳定性、开发效率、灵活性和动态性的方案。
1. WebViewHTML方案
最初,团队采用WebViewHTML方案,可以快速开发出一张HTML页面,并通过Hybrid接口与Native进行交互。然而,在处理大规模应用时,WebView的性能成为了瓶颈。
2. 动态Native方案
为了解决WebView的性能问题,团队提出了Dynative方案。该方案以JSON为模板描述页面,兼具HTML方案的动态性和Native方案的高性能。但 Dynative方案在效率上仍有待提高。
3. Tangram方案
最终,Tangram方案脱颖而出。它从组件化角度出发,关注多平台一致性、高性能和业务支撑能力,成功支撑了天猫App中的多个业务,并在阿里星球等多个阿里系App中有所应用。
Tangram核心技术
1. 组件化
Tangram采用组件化设计,将界面拆分成多个独立的组件,方便开发者复用和定制。
2. 响应式布局
Tangram支持响应式布局,根据不同屏幕尺寸自动调整页面布局,保证应用在不同设备上的视觉效果。
3. 动画效果
Tangram提供丰富的动画效果,让应用更生动、更具吸引力。
4. 丰富的组件库
Tangram提供了一套丰富的组件库,包括文本、图片、按钮、列表等,满足开发者多样化的需求。
Tangram优势
1. 高性能
Tangram通过组件化和高效渲染引擎,实现高性能的界面渲染。
2. 灵活易用
Tangram采用模块化设计,开发者可以根据需求自定义组件,提高开发效率。
3. 多平台一致性
Tangram支持iOS和Android平台,确保应用在不同设备上的表现一致。
4. 强大的生态支持
Tangram拥有完善的社区和生态支持,为开发者提供丰富的资源和服务。
总结
Tangram作为阿里巴巴集团自主研发的手机端独门前端框架,凭借其高性能、灵活易用、多平台一致性等优势,成为了开发者构建高性能移动端应用的首选框架。在未来,Tangram将继续为开发者提供更优质的技术支持和生态服务。