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]

相关文章
|
前端开发 算法 API
构建高性能图像处理Web应用:Next.js与TailwindCSS实践
本文分享了构建在线图像黑白转换工具的技术实践,涵盖技术栈选择、架构设计与性能优化。项目采用Next.js提供优秀的SSR性能和SEO支持,TailwindCSS加速UI开发,WebAssembly实现高性能图像处理算法。通过渐进式处理、WebWorker隔离及内存管理等策略,解决大图像处理性能瓶颈,并确保跨浏览器兼容性和移动设备优化。实际应用案例展示了其即时处理、高质量输出和客户端隐私保护等特点。未来计划引入WebGPU加速、AI增强等功能,进一步提升用户体验。此技术栈为Web图像处理应用提供了高效可行的解决方案。
|
前端开发 安全 开发工具
【11】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件-切换-朋友-陌生人-vip开通详细页面-即时通讯sdk准备-直播sdk准备-即时通讯有无UI集成的区别介绍-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
【11】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件-切换-朋友-陌生人-vip开通详细页面-即时通讯sdk准备-直播sdk准备-即时通讯有无UI集成的区别介绍-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
1073 90
【11】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件-切换-朋友-陌生人-vip开通详细页面-即时通讯sdk准备-直播sdk准备-即时通讯有无UI集成的区别介绍-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
「Mac畅玩鸿蒙与硬件47」UI互动应用篇24 - 虚拟音乐控制台
本篇将带你实现一个虚拟音乐控制台。用户可以通过界面控制音乐的播放、暂停、切换歌曲,并查看当前播放的歌曲信息。页面还支持调整音量和动态显示播放进度,是音乐播放器界面开发的基础功能示例。
568 80
「Mac畅玩鸿蒙与硬件47」UI互动应用篇24 - 虚拟音乐控制台
「Mac畅玩鸿蒙与硬件51」UI互动应用篇28 - 模拟记账应用
本篇教程将介绍如何创建一个模拟记账应用,通过账单输入、动态列表展示和实时统计功能,学习接口定义和组件间的数据交互。
540 68
「Mac畅玩鸿蒙与硬件51」UI互动应用篇28 - 模拟记账应用
|
流计算 UED
「Mac畅玩鸿蒙与硬件48」UI互动应用篇25 - 简易购物车功能实现
本篇教程将带你实现一个简易购物车功能。通过使用接口定义商品结构,我们将创建一个动态购物车,支持商品的添加、移除以及实时总价计算。
490 69
「Mac畅玩鸿蒙与硬件48」UI互动应用篇25 - 简易购物车功能实现
|
数据处理
「Mac畅玩鸿蒙与硬件45」UI互动应用篇22 - 评分统计工具
本篇将带你实现一个评分统计工具,用户可以对多个选项进行评分。应用会实时更新每个选项的评分结果,并统计平均分。这一功能适合用于问卷调查或评分统计的场景。
486 65
「Mac畅玩鸿蒙与硬件45」UI互动应用篇22 - 评分统计工具
|
缓存 前端开发 应用服务中间件
Web端实时通信技术SSE在携程机票业务中的实践应用
本文介绍了携程机票前端基于Server-Sent Events(SSE)实现服务端推送的企业级全链路通用技术解决方案。文章深入探讨了 SSE 技术在应用过程中包括方案对比、技术选型、链路层优化以及实际效果等多维度的技术细节,为类似使用场景提供普适性参考和借鉴。该方案设计目标是实现通用性,适用于各种网络架构和业务场景。
411 1
|
缓存 前端开发 应用服务中间件
Web端实时通信技术SSE在携程机票业务中的实践应用
本文介绍了携程机票前端基于Server-Sent Events(SSE)实现服务端推送的企业级全链路通用技术解决方案。文章深入探讨了 SSE 技术在应用过程中包括方案对比、技术选型、链路层优化以及实际效果等多维度的技术细节,为类似使用场景提供普适性参考和借鉴。
504 7
「Mac畅玩鸿蒙与硬件46」UI互动应用篇23 - 自定义天气预报组件
本篇将带你实现一个自定义天气预报组件。用户可以通过选择不同城市来获取相应的天气信息,页面会显示当前城市的天气图标、温度及天气描述。这一功能适合用于动态展示天气信息的小型应用。
798 38
「Mac畅玩鸿蒙与硬件46」UI互动应用篇23 - 自定义天气预报组件
|
人工智能 自然语言处理 API
用自然语言控制电脑,字节跳动开源 UI-TARS 的桌面版应用!内附详细的安装和配置教程
UI-TARS Desktop 是一款基于视觉语言模型的 GUI 代理应用,支持通过自然语言控制电脑操作,提供跨平台支持、实时反馈和精准的鼠标键盘控制。
6666 17
用自然语言控制电脑,字节跳动开源 UI-TARS 的桌面版应用!内附详细的安装和配置教程