八方资讯网欢迎您!
八方资讯网>资讯>正文

混合应用开发的又一个选择,支持三大主流Web框架——Onsen UI

2020-08-14 08:14:04 来源: 阅读:-

介绍

Onsen UI是一个开源框架,可以轻松创建原生感的Progressive Web Apps(PWA)和混合应用程序。核心库是用纯Javascript(在Web组件之上)编写的,并且与框架无关,这意味着你可以将它与你喜欢的框架及其工具一起使用。提供了一些额外的绑定包,以便于使用Onsen UI的API以及许多流行的框架:React、Angular 2+、Vue、 AngularJS 1.x!


混合应用开发的又一个选择,支持三大主流Web框架——Onsen UI


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)。


混合应用开发的又一个选择,支持三大主流Web框架——Onsen UI


面向未来的架构

在幕后,Onsen UI包含三个层次:

  1. CSS组件,用cssnext编写,是下一代CSS
  2. Web Components,用本机JavaScript编写,支持所有框架
  3. 框架绑定,用于与流行框架(如Vue.js,AngularJS 1,Angular 2+和React)更紧密地集成

简而言之,Onsen UI简化了您的开发,适用于任何框架,并且是未来的证明


混合应用开发的又一个选择,支持三大主流Web框架——Onsen UI


组件预览

  • Action Sheet

混合应用开发的又一个选择,支持三大主流Web框架——Onsen UI


  • Alert Dialog

混合应用开发的又一个选择,支持三大主流Web框架——Onsen UI


  • 按钮

混合应用开发的又一个选择,支持三大主流Web框架——Onsen UI


  • Card

混合应用开发的又一个选择,支持三大主流Web框架——Onsen UI


  • CheckBox

混合应用开发的又一个选择,支持三大主流Web框架——Onsen UI


  • Fab

混合应用开发的又一个选择,支持三大主流Web框架——Onsen UI


  • List

混合应用开发的又一个选择,支持三大主流Web框架——Onsen UI


混合应用开发的又一个选择,支持三大主流Web框架——Onsen UI


  • 通知

混合应用开发的又一个选择,支持三大主流Web框架——Onsen UI


  • Popover

混合应用开发的又一个选择,支持三大主流Web框架——Onsen UI


  • 进度条和loading

混合应用开发的又一个选择,支持三大主流Web框架——Onsen UI


  • Range

混合应用开发的又一个选择,支持三大主流Web框架——Onsen UI


  • 搜索框

混合应用开发的又一个选择,支持三大主流Web框架——Onsen UI


  • 分割

混合应用开发的又一个选择,支持三大主流Web框架——Onsen UI


  • Select Input

混合应用开发的又一个选择,支持三大主流Web框架——Onsen UI


  • Switch

混合应用开发的又一个选择,支持三大主流Web框架——Onsen UI


  • Tabbar

混合应用开发的又一个选择,支持三大主流Web框架——Onsen UI


  • Text

混合应用开发的又一个选择,支持三大主流Web框架——Onsen UI


  • Toast

混合应用开发的又一个选择,支持三大主流Web框架——Onsen UI


  • Toolbar

混合应用开发的又一个选择,支持三大主流Web框架——Onsen UI


  • Toolbar Button

混合应用开发的又一个选择,支持三大主流Web框架——Onsen UI


安装使用

npm install onsenui

官方针对不同的平台分别有不同的使用指南,分别包括Vue、React、Angular、jQuery等来帮助你开始使用Onsen UI创建混合应用程序和PWA


混合应用开发的又一个选择,支持三大主流Web框架——Onsen UI


混合应用开发的又一个选择,支持三大主流Web框架——Onsen UI


生态系统

因为有时UI框架可能不足以使混合应用程序开发变得容易,Onsen UI带有一个完整的集成工具生态系统。认识Monaca。

Monaca由Onsen UI团队开发,是一个工具包,可以简单轻松地使用PhoneGap / Cordova进行混合移动应用程序开发:Onsen UI Cordova模板,调试套件,推送通知,远程构建,后端解决方案,加密,版本控制,连续整合等等。此外,它提供了多个开发环境,其中包含已配置且已准备好的所有内容:


混合应用开发的又一个选择,支持三大主流Web框架——Onsen UI


平台兼容性

Onsen UI经过测试,可与以下浏览器和移动操作系统配合使用:

  • Android 4.4.4+
  • iOS 9+
  • Chrome
  • Safari

总结

Onsen UI是跨平台的混合应用开发框架,包括完整的UI和工具套件,是开发混合应用的另一种解决方案,其支持三大主流前端框架,更容易上手使用,如果你对它已经感兴趣,不妨试一试!

本文为企业推广,本网站不做任何建议,仅提供参考,作为信息展示!

推荐阅读:潮品会

网友评论
请登录后进行评论| 0条评论

请文明发言,还可以输入140

您的评论已经发表成功,请等候审核

小提示:您要为您发表的言论后果负责,请各位遵守法纪注意语言文明

回到首页 回到顶部
八方资讯网 关于我们| 联系我们| 招聘信息| XML地图| 网站地图TXT
免责声明:八方资讯网所有文字、图片、视频、音频等资料均来自互联网,不代表本站赞同其观点,本站亦不为其版权负责。相关作品的原创性、文中陈述文字以及内容数据庞杂本站无法一一核实,如果您发现本网站上有侵犯您的合法权益的内容,请联系我们,本网站将立即予以删除!
Copyright © 2012-2019 http://www.bafangxw.cn, All rights reserved.