介绍
Onsen UI是一个开源框架,可以轻松创建原生感的Progressive Web Apps(PWA)和混合应用程序。核心库是用纯Javascript(在Web组件之上)编写的,并且与框架无关,这意味着你可以将它与你喜欢的框架及其工具一起使用。提供了一些额外的绑定包,以便于使用Onsen UI的API以及许多流行的框架:React、Angular 2+、Vue、 AngularJS 1.x!
Github
https://github.com/OnsenUI/OnsenUI
Github star数7k+
什么是Onsen UI?
Onsen UI是......
- 一组专为移动应用程序设计的丰富UI组件
- 本机iOS和Android设计标准包含随时可用的功能
- 免费使用,100%开源软件(Apache v2许可证)
Onsen UI通过原生设计的UI元素丰富了应用用户的移动体验。它非常适合使用Cordova开发混合应用程序或开发移动Web应用程序(也称为Progressive Web Apps)。
面向未来的架构
在幕后,Onsen UI包含三个层次:
- CSS组件,用cssnext编写,是下一代CSS
- Web Components,用本机JavaScript编写,支持所有框架
- 框架绑定,用于与流行框架(如Vue.js,AngularJS 1,Angular 2+和React)更紧密地集成
简而言之,Onsen UI简化了您的开发,适用于任何框架,并且是未来的证明!
组件预览
- Action Sheet
- Alert Dialog
- 按钮
- Card
- CheckBox
- Fab
- List
- 通知
- Popover
- 进度条和loading
- Range
- 搜索框
- 分割
- Select Input
- Switch
- Tabbar
- Text
- Toast
- Toolbar
- Toolbar Button
安装使用
npm install onsenui
官方针对不同的平台分别有不同的使用指南,分别包括Vue、React、Angular、jQuery等来帮助你开始使用Onsen UI创建混合应用程序和PWA
生态系统
因为有时UI框架可能不足以使混合应用程序开发变得容易,Onsen UI带有一个完整的集成工具生态系统。认识Monaca。
Monaca由Onsen UI团队开发,是一个工具包,可以简单轻松地使用PhoneGap / Cordova进行混合移动应用程序开发:Onsen UI Cordova模板,调试套件,推送通知,远程构建,后端解决方案,加密,版本控制,连续整合等等。此外,它提供了多个开发环境,其中包含已配置且已准备好的所有内容:
平台兼容性
Onsen UI经过测试,可与以下浏览器和移动操作系统配合使用:
- Android 4.4.4+
- iOS 9+
- Chrome
- Safari
总结
Onsen UI是跨平台的混合应用开发框架,包括完整的UI和工具套件,是开发混合应用的另一种解决方案,其支持三大主流前端框架,更容易上手使用,如果你对它已经感兴趣,不妨试一试!
推荐阅读:时尚女人网
-
买球鞋的“冲冲冲”行为,像极了过往排队抢IP
(本文首发于识货识物,由作者Leunghongjian投稿)苹果公司在9月11日正式将iPhone 11呈现在世人面前,其中Pro版本的“浴霸式”三个摄像头成了...
2019-09-19 -
美联储降息了!A股有何影响?(解读)
一切都在市场预期中。不到两个月时间,美联储再次降息。北京时间今日凌晨,美联储再次降了息,降息幅度为25个基点,同时将超额存款准备金利率(IOER)下调。美联储主...
2019-09-19 -
六个核桃不补脑背后:曾拿6000万上央视,7
文 | AI财经社 实习生 王贺龙编辑 | 鹿鸣本文由AI财经社原创出品,未经许可,任何渠道、平台请勿转载。违者必究。因“六个核桃”不补脑,浙江台州的张力(化名...
2019-09-19