mui
文章平均质量分 60
ChinaLzw
#很少有人会主动接受自己的“输”,因为对大多数人来讲,“输”就等于失败。#
展开
-
mui开发app之js将base64转图片文件
之前我已经做过一个利用cropper裁剪并且制作头像的功能。如何在mui app中实现相册或相机获取图片后裁剪做头像请看另一篇博客:mui开发app之cropper裁剪后上传头像的实现但是当时裁剪后图片是保存为base64格式的,这是h5 canvas建议使用的图片传输方式。很多时候很多api,比如mui中第三方插件map中有一个setIcon传入的必须是本地的图片文件地址,目前的第三方地图系统任然不支持base64的标注图,所以折腾了一晚之后终于在native.js中找到了将base64转化为图片转载 2021-03-02 09:46:05 · 388 阅读 · 0 评论 -
Native.js示例汇总
Native.js虽然强大和开放,但很多web开发者因为不熟悉原生API而难以独立完成。这篇帖子的目的就是汇总各种写好的NJS代码,方便web开发者。众人拾柴火焰高,有能力的开发者多多提交NJS代码,大家都会给你点赞的,我们也会为每位共享NJS代码的朋友送上200积分。Android平台监听手机锁屏,解锁,开屏http://ask.dcloud.net.cn/article/35205直接拨打电话http://ask.dcloud.net.cn/question/4035将程序切转载 2020-09-01 17:52:51 · 716 阅读 · 0 评论 -
mui APP复制粘贴,Native.js复制粘贴
/** * @description 获取剪贴板内容 (粘贴) */function getClipbordText() { if(!window.plus) return; if(mui.os.android) { var Context = plus.android.importClass("android.content.Context"); var main = plus.android.runtimeMainActivity(); .转载 2020-09-01 17:39:30 · 151 阅读 · 0 评论 -
基于html5plus平台 实现app增量更新功能
对于移动app,尤其是webapp,如何更新一直是比较重要的话题。以前的大部分app都是从应用商店进行版本更新,但是对于webapp来说,使用增量更新可以节省流量;更重要的是,它免去了新版本在应用商店的审核流程,使上架时间可以更加提前了。一、前提 环境:使用html5plus作为webview与手机平台交互的中间件;关于html5plus,请自行参考http://www.html5plus.org/#home 需求:点击“检查更新”,app在线检查版本是否有更新,如果有,下载并更新;.转载 2020-07-05 23:27:19 · 361 阅读 · 0 评论 -
MUI 5+plus 获取APP根目录
/* 功能:获取App根目录 实例:app.getRoot() 当前访问路径:/page/index.html,结果:../ 当前访问路径:/page/child/index.html,结果:../../ 使用场景:app.getRoot()+"/page/child/index.html" */var app = app || {};app.getRoot = function() { if (window.plus) { return pl.原创 2020-07-05 17:22:57 · 1125 阅读 · 0 评论 -
MUI框架中加载外部网页或服务器数据的方法
我们很多同学在实施使用MUI框架的时候,在打开新的页面的时候常使用的方式是:mui.openwindow的方法,然而遇到网页需要从服务器或者是要嵌套外部的网页的时候,由于网速的问题会遇到加载时出现白屏,等待时间过长,导致用户体验不好.页面加载的时候使用plus.webview.create方法就很好的解决了这个问题.废话不多说直接贴代码首先我们需要在创建一个父页面,以下是父页面的JS...转载 2020-03-18 12:40:39 · 604 阅读 · 0 评论 -
web打包app(h5+app)版本自动更新的实现
文章目录背景说明 原生app自动更新实现 android自动更新实现 ios自动更新实现 h5+app的特点说明 h5+app自动更新实现背景说明web打包的app(也称为h5+app),是指将基于html5等移动端web技术,开发的web应用打包成的app。区别于原生app,5+app相当于给web应用加上了一层本地程序(ios、android等)...转载 2020-03-18 09:25:59 · 2414 阅读 · 0 评论 -
利用H5+实现APP在线更新
1 在APP首页添加以下js代码// 获取本地应用资源版本号plus.runtime.getProperty(plus.runtime.appid,function(inf){ wgtVer = inf.version;// mui.toast("当前应用版本:"+wgtVer); // 检测更新 checkUpdate(); });// 检测更新var check...转载 2020-03-18 09:21:05 · 793 阅读 · 0 评论 -
HBuilder webApp热更新(在线升级)的实现
#####一、制作移动APP资源升级包(wgt文件)制作wgt文件之前,清先在manifest.json文件中更新版本号,如果项目中的版本号和wgt文件中的版本号相同,则会更新失败,下图是制作wgt文件的方法:#####二、打开APP,先检查当前是否最新版本// 检查当前版本,与从后台获取的版本作比较,以此判断是否更新 plus.runtime.getProperty(pl...转载 2020-03-18 09:19:14 · 395 阅读 · 0 评论 -
H5 App实现热更新,不需要重新安装app
直接上代码吧,你竟然搜到了我的文章就应该知道了,为什么要热更新//app热更新下载//假定字符串的每节数都在5位以下function toNum(a) { //也可以这样写 var c=a.split(/\./); var c = a.split('.'); var num_place = ["", "0", "00", "000", "0000"], r = num_plac...转载 2020-03-18 09:17:06 · 796 阅读 · 0 评论 -
MUI 监听窗口显示事件
//监听窗口显示事件var ws =plus.webview.currentWebview();ws.addEventListener("show", function() { console.log(JSON.stringify(ws.Id))//获取参数});原创 2020-03-08 10:39:42 · 2103 阅读 · 2 评论 -
MUI 5+APP 进入后台,不关闭APP
前台切换到后台mui.plusReady(function() { if (plus.os.name.toUpperCase() == "ANDROID") { //方式一 var main=plus.android.runtimeMainActivity(); mui.back=function(){ main && main.moveTaskTo...原创 2020-03-07 10:54:55 · 1185 阅读 · 0 评论 -
mui 拦截A标签跳转,并进行处理
$('a').click(function(e){ e.preventDefault(); // 阻止默认事件 if(app){ mui.OpenWindow($(this).attr('href')); }else{ // 通过浏览器访问 location.href = $(this).attr('href'); ...原创 2019-11-09 09:06:47 · 595 阅读 · 0 评论 -
MUI音乐播放html5+audio模块
html5+ audio 模块官方开发文档MUI播放音频 Audio模块用于提供音频的录制和播放功能,可调用系统的麦克风设备进行录音操作,也可调用系统的扬声器设备播放音频文件。通过plus.audio获取音频管理对象。权限"Audio": { "description": "访问音频设备"}录音// 扩展API加载完毕,现在可以正常调用扩展API fun...转载 2019-10-17 14:06:05 · 1400 阅读 · 0 评论 -
MUI H5+ previewimage实现图片预览下载示例源码
QQ:285679784 欢迎加入博主CSDN资源QQ群799473954(附加信息:CSDN博客)一起学习 !MUI H5+ previewimage实现图片预览下载示例源码1、已实现图片预览2、已实现图片下载3、点击下载源码示例效果如下...原创 2019-09-23 09:59:28 · 997 阅读 · 0 评论 -
MUI H5+ PhotoSwipe实现图片预览下载示例源码
QQ:285679784 欢迎加入博主CSDN资源QQ群799473954(附加信息:CSDN博客)一起学习 !MUI H5+ PhotoSwipe实现图片预览下载示例源码1、已实现图片预览2、已实现图片下载3、点击下载源码示例效果如下...原创 2019-09-21 13:51:16 · 454 阅读 · 0 评论 -
mui.openWindow的html5+和web传参的兼容
mui.openWindow兼容web&plus环境下的页面传参背景介绍刚刚好要写个微信公众号和html5+兼容的项目 发现总是用localStorage传参不是事啊 太不优雅了 想了想还是想办法兼容下吧兼容原理调用mui.openWindow前先判断相关环境,执行相关兼容方法使用场景需要兼容网页&html5+的项目 项目需要引入mui.js 打开页面...转载 2019-08-01 08:46:54 · 851 阅读 · 1 评论 -
mui.openWindow关闭动画
关闭动画mui.openWindow({ url:new-page-url, show:{ autoShow:true,//页面loaded事件发生后自动显示,默认为true aniShow:'none'//关闭页面显示动画,默认为”slide-in-right“; }})mui.openWindow参数说明mui.openWind...原创 2019-06-15 16:05:45 · 1155 阅读 · 0 评论 -
mui slide(轮播组件)
转自:https://blog.csdn.net/zm06201118/article/details/70061555轮播组件是mui提供的一个核心组件,在该核心组件基础上,衍生出了图片轮播、可拖动式图文表格、可拖动式选项卡、左右滑动9宫格等组件,这些组件有较多共同点。Dom构造:<div class="mui-slider"> <div class="mui...转载 2018-12-30 22:25:45 · 1846 阅读 · 0 评论