Amaze UI 让 HTML5Web 应用接近原生体验

简介:

近日,第四届HTML5峰会在北京国际会议中心拉开序幕,云适配携其“HTML5跨屏前端框架Amaze UI”亮相,并在大会上了做了《组件化-Web前端开发的未来趋势》的重要演讲。

组件化是Web开发的未来趋势

Web组件化(Web Components)理念,自Google在2013年的I/O大会上提及起,一直都有开发者关注这一开发技术的发展,只是总处于不愠不火的状态。直至去年HTML5规范的正式定稿,Web开发也随之异常火爆,让Web组件化的关注度也随之水涨船高,从今年的HTML5峰会吸引了8000多HTML5的爱好者、开发者来参会就能略见一斑。

据云适配创始人兼CEO陈本峰介绍,组件的技术标准在前端一直都是缺失的,直到Google提出以后,才有了Web Components标准。在此之前,大家都不知道怎么去封装一个组件。Web组件化其实一直都被国外互联网公司看好,因为从软件架构上、开发效率上、代码可维护性上都是一个更好的选择。但因为Web Component标准还未正式定稿,所以Amaze UI 选择Facebook React 作为 Web组件封装标准,并遵循React所推崇的“一切皆组件” 的组件化理念,实现从小到一个按钮,大到一个页面,甚至一个完整App都可以组件化。

Amaze UI是云适配在其开发过程中把积累的包括菜单、轮播图等在内的大量针对手机端的UI控件组件化后开源出来形成的,通过拆分、封装了一些常用的网页组件,开发者只需复制代码便可将这些跨屏组件写入到自己的应用中。在过去的一年里,Amaze UI以开源的形式提供了包含16个 CSS 组件、26个 JS 组件,更有20款包含近 60 个主题的 Web 组件, 此外,针对国内主流浏览器及 App 内置浏览器提供了更好的兼容性支持并接入了更多本土化的因素帮助解决中文排版问题,使开发者不需要再花费时间精力去编写日历等的代码,便可以直接引用组件。

正是因为如此,自2014年8月份正式上线后,Amaze UI就受到了众多前端工程师的喜爱,经历短短的1年的产品迭代,吸引了超过25万开发者的加入,同时,Amaze UI 在 GitHub 上的星级关注突破了5000,基本上是国内开源软件增长最快的一个了。

Amaze UI的下一步计划

讲到Amaze UI的优势,陈本峰认为最大的优势就是积累,第一,云适配在Web Components上积累了很多经验,以及组件数量;第二,云适配积累了对各种设备、浏览器的兼容性和适配性,这点是真的要靠点滴累积的,别人很难去超越。第三,Amaze UI是一个开源框架,这也算是一个优势,就像一个社区,开发者肯定会挑最大的框架使用,因为在使用中遇到问题的话,只要在网上搜索就能找到答案,而选择新框架的话,碰到问题也不容易找到帮助。

从目前互联网的大局势发展来看,PC互联网正在向移动互联网急速地转移,开发者急需能够解决重复繁复的跨屏、适配问题,让PC网站、新建的网站或者移动应用更好地适应移动端的前端开源技术,但限于技术门槛和开源环境的不成熟,市场上解决跨屏适配问题的开源项目却基本上寥寥无几。

开源的HTML5跨屏前端框架Amaze UI恰逢其时。据介绍,除了提供基于HTML5的前端跨屏组件外, Amaze UI 将在后续的开发工作中,还将陆续推出Amaze UI for App、Amaze UI组件市场等更多提高开发效率的工具;同时,随着Amaze UI产品的不断丰富、功能完善及开发者数量急剧增多及相应的需求增多,AmazeUI也将推出社区方式运营,从而与开发建立更高效的沟通渠道,及时获得开发者需求及反馈,从而以更专业的方式来服务开发者。

据悉,Amaze UI for App是一个只针对移动端的版本,它的开发是为了满足多种应用场景,让移动应用开发者们用Amaze UI开发出接近于原生的HTML5移动应用:

1) 开发原生 App,需要快速出代码级别的交互原型。

2) 移动营销快速搭建移动站点

3) 基于BaaS 或者第三方 API,做一个有趣的应用,不需要后端;

4) Hybrid App,不可能把一个臃肿、低效的响应式的网站打包进 App;

文章转载自 开源中国社区 [http://www.oschina.net]

相关文章
|
12天前
|
搜索推荐 定位技术 UED
HTML定位技术:种类、特点与应用
HTML定位技术:种类、特点与应用
|
15天前
|
前端开发 JavaScript 关系型数据库
从前端到后端:构建现代化Web应用的技术探索
在当今互联网时代,Web应用的开发已成为了各行各业不可或缺的一部分。从前端到后端,这篇文章将带你深入探索如何构建现代化的Web应用。我们将介绍多种技术,包括前端开发、后端开发以及各种编程语言(如Java、Python、C、PHP、Go)和数据库,帮助你了解如何利用这些技术构建出高效、安全和可扩展的Web应用。
|
20天前
|
前端开发 编解码 数据格式
浅谈响应式编程在企业级前端应用 UI 开发中的实践
浅谈响应式编程在企业级前端应用 UI 开发中的实践
20 0
浅谈响应式编程在企业级前端应用 UI 开发中的实践
|
29天前
|
机器学习/深度学习 人工智能 前端开发
机器学习PAI常见问题之web ui 项目启动后页面打不开如何解决
PAI(平台为智能,Platform for Artificial Intelligence)是阿里云提供的一个全面的人工智能开发平台,旨在为开发者提供机器学习、深度学习等人工智能技术的模型训练、优化和部署服务。以下是PAI平台使用中的一些常见问题及其答案汇总,帮助用户解决在使用过程中遇到的问题。
|
30天前
|
监控 Serverless 测试技术
Serverless 应用引擎常见问题之做的web服务计费如何解决
Serverless 应用引擎(Serverless Application Engine, SAE)是一种完全托管的应用平台,它允许开发者无需管理服务器即可构建和部署应用。以下是Serverless 应用引擎使用过程中的一些常见问题及其答案的汇总:
403 3
|
7天前
|
缓存 负载均衡 数据库
优化后端性能:提升Web应用响应速度的关键策略
在当今数字化时代,Web应用的性能对于用户体验至关重要。本文探讨了如何通过优化后端架构和技术手段,提升Web应用的响应速度。从数据库优化、缓存机制到异步处理等多个方面进行了深入分析,并提出了一系列实用的优化策略,以帮助开发者更好地应对日益增长的用户访问量和复杂的业务需求。
12 1
|
7天前
|
缓存 监控 数据库
Flask性能优化:打造高性能Web应用
【4月更文挑战第16天】本文介绍了提升Flask应用性能的七大策略:优化代码逻辑,减少数据库查询,使用WSGI服务器(如Gunicorn、uWSGI),启用缓存(如Flask-Caching),优化数据库操作,采用异步处理与并发(如Celery、Sanic),以及持续监控与调优。通过这些手段,开发者能有效优化Flask应用,适应大型或高并发场景,打造高性能的Web服务。
|
8天前
|
前端开发 搜索推荐 数据安全/隐私保护
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
18 1
|
8天前
|
PHP
web简易开发——通过php与HTML+css+mysql实现用户的登录,注册
web简易开发——通过php与HTML+css+mysql实现用户的登录,注册
|
8天前
|
数据库 开发者 Python
Python中使用Flask构建简单Web应用的例子
【4月更文挑战第15天】Flask是一个轻量级的Python Web框架,它允许开发者快速搭建Web应用,同时保持代码的简洁和清晰。下面,我们将通过一个简单的例子来展示如何在Python中使用Flask创建一个基本的Web应用。