yeui框架

一个快速搭建app的H5框架,带热更新、能使用js调用原生功能的UI框架。

本地html5框架、js调用原生方法、js调用层叠窗口方法、CSS样式库、自动跨域无需后端设置跨域

详细说明: 运行的时候自动使用 file://的本地路径运行,而非使用http://的远程路径打开网页。框架将html5文件打包在app里面,通过H5热更新功能进行自我升级和修复。本地H5文件,不存在远程调用H5无网络白屏现象。显示速度和效果跟原生没有区别。 此外,框架还提供了很简单的js调用原生功能的方法,比如层叠窗口管理、调出微信支付,比如调出摄像头扫描二维码等等。

H5 UI

yeui框架为我们APP框架的一部分,可以脱离APP框架单独运行

yeui框架的全部css样式支持脱离app框架(APP浏览器),在其他浏览器运行。大部分js函数支持脱离app框架(APP浏览器),在其他浏览器运行。

本h5代码可以脱离APP单独运行,只要在config.js里面将配置配置成非APP模式,就可以通过普通的浏览器运行,推荐使用谷歌浏览器运行,谷歌浏览器只要设置一下桌面快捷方式的运行参数,加入--args --disable-web-security --user-data-dir 这个启动参数,就可以跨域访问远程ajax进行调试。

当然,假如你使用普通浏览器运行本框架,比如使用谷歌浏览器在PC做测试,原生的js函数大部分是无法调用的(因为这些函数是我们APP框架浏览器自定义的函数),但调用不会报错。层叠窗口的方法调用也不会报错,比如openWindow打开新窗口的方法打开一个页面,假如使用浏览器调用(配置成非APP模式),则会自动通过平级转跳(location.href)实现

H5热更新

最强的线上H5更新平台

你不需要知道APP升级任何知识,只需要在平台的控制台后台上传最新修改的html文件的zip包,用户打开APP的时候就自动完成升级。

高效升级,自动升级为最新版本,忽略中间所有版本。

js调原生

我们提供的都是js的api,使用js就能办任何事。

使用js能打开层叠窗口、能调用原生的方法,比如调摄像头和微信支付等。

技术细节:我们不单是一个css和升级框架,我们和其他的js框架一样,提供了丰富的js库,CSS库。即使对前端h5不熟悉的开发者,也可以使用我们的样式开发出漂亮而且交互感很强的APP。

我们还提供了其他的原生才能实现的api库,简单的一句js函数就可以调出原生功能,比如拍照、扫描二维码、打电话、发短信、微信登录,微信支付、GPS定位等等。

层叠窗口

使用js,你就可以像原生一样管理层叠窗口。比如打开新窗口,关闭新窗口

使用方法很简单,比如一个yeui.openWindow这样的函数就可以打开一个新窗口。

技术细节:层叠窗口主要是用来解决保留现场和界面切换的问题。层叠窗口一个很简单的概念就是,后打开的窗口,先关闭,关闭后回到第一个窗口的现场,第一个窗口收到后打开的窗口的关闭事件。

比如在一个列表页,拖到第N页后,想去看详细页,假如使用普通H5的转跳方式实现,看完详细页再转跳回来,页码就又回到第一页了!但使用我们的框架,就没有这个问题。我们框架的openWindow函数相当于js的window.open函数打开一个全新的浏览器窗口。

css样式库

我们不单是一个升级框架,我们还包含丰富的样式库。

YEUI包含丰富的UI库可供开发者调用,开发者无需精通css也可以开发出漂亮的H5页面。

技术细节:你可以使用此CSS库,构建出漂亮的用户界面。比如下拉列表、卡片式视图、上拉刷新,下拉刷新、能左右拖动切换的tab卡片、字体库、开关、瀑布流展示组件等等。。

简单的调用方式,比如上拉刷新和下拉刷新,解决其他js框架在安卓卡顿的问题,简单实用几句js代码,就可以实现上拉刷新和下拉刷新。无论显示效果和调用简易性都优于同类型的框架。

APP打包

平台支持在线打包APP和签名,打包成apk或ipa,使用我们平台打包的APP,支持使用yeui js框架调用原生功能。

打包一次,以后不需要再打包,由于我们提供了H5更新功能,以后需要更新h5页面,只需要使用我们的后台对APP的html、css和js这些文件的zip包进行上传更新就行,无需再打包成apk或ipa。


在线客服