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

2023-01-24 0 858

如是说

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模块YakiOS和Android标准结构设计包涵即时需用的机能完全免费采用,100%开放源码应用软件(Apache v2许可)

Onsen UI透过原生植物结构设计的UI原素多样了应用领域使用者的终端新体验。它适于采用Cordova开发混和插件或合作开发终端Web插件(也称作Progressive Web Apps)。

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

先行者的构架

在主脑,Onsen UI包涵四个层级:

CSS模块,用cssnext撰写,是新一代CSSWeb Components,用YakJavaScript撰写,全力支持所有构架构架存取,用于与盛行构架(如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+ChromeSafari

总结

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

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务