mui 与 webview

2026-09-04

mui开发app之webview是什么

WebView(网络视图)能加载显示网页,可以将其视为一个浏览器,webview被封装在html5+,plus对象中,底层由java,OC实现. 先来谈谈我对webview的理解: 使用mui开发的app,其实是在做web前端开发,打开的webview是网页,用js+html+css替代了原来的xml+java activity的传统android开发模式,h5最终性能相对原生一定是降低了很多(主要原因不在webkit的解析速度,而是最终所有的ui和业务逻辑还是会转化为android sdk交由

Mui Webview下来刷新上拉加载实现

有些事情经历过之后才会发现,原来再次之前我是如此的啥,因为是第一次做,毫无头绪,有时会想假如有个一demo就好了,那么就不会花费这么多的无用功了.今天使用mui 的webview实现了一个H5页面的上拉加载下拉刷新的效果,拿出来和大家一起分享一下,希望各位博友有用,当然啦有的时候坑会很多,但是只要我们学会用思考的方式去找问题,不管是什么问题我们都是可以解决的.小弟的文采不好,有错误请指出来,一定虚心接受 //首先在此之前我们先要引用jquery的插件,以及mui.js插件 <!--html代码-

mui初级入门教程（四）— 再谈webview，从小白变“大神”！

文章来源:小青年原创发布时间:2016-06-05关键词:mui,html5+,webview转载需标注本文原始地址: http://zhaomenghuan.github.io/#!/blog/20160605 写在前面写这篇文章之前先吐吐槽,因为是学生,不想用父母辛辛苦苦挣的钱买什么苹果手机,因为确实贵,本人至今用的还是去年买的魅蓝note 1(虽然已经很久了,但是没办法啊,舍不得花钱换.),前段时间项目钱收到了本来想换手机的,但是想了想还是先省一省,过几个月开始实习了再看吧!(哈哈,如果

mui初级入门教程（二）— html5+ webview 底部栏用法详解

文章来源:小青年原创发布时间:2016-05-19关键词:mui,html5+,webview转载需标注本文原始地址: http://zhaomenghuan.github.io/#!/blog/20160519 写在前面本系列文章我们将利用mui基于网易云音乐API实现一个音乐播放器APP,同时基于环形或者融云实现聊天功能.作为本系列文章的第一篇,本文会详细讲解html5+中管理应用窗口界面的Webview模块的用法,因为是初级教程篇不过多讲解原理部分,初级用户只需要知道基本用法就可以,并使

MUI（3）

本篇博文是继续上篇博文MUI(2).上面这幅图是博文MUI(1)中实现的效果,在博文MUI(1)中提到了2个页面,一个页面是index.html,另一个页面是index_list.html页面.上面这幅图中红色框子是index.html页面,蓝色框子是index_list.html页面.两个页面本来是独立的两个页面,但是组合在一起之后就形成了如上面这幅图所示的效果.在一个页面中显示另一个页面. 实现方法很简单, <script type="text/javascript" cha

mui开发app之自定义事件以更新其他页内容

我之前做过jquery mobile的开发,那还是前年的事情在jquery mobile中,由于页面是存储在div[data-role=page]的dom中(jqmobile通过对data-role的dom分析解释app的页面布局和切换,不会每次都加载完整的html页面,所以js摆放位置需要尤其注意,不能再head当中,因为不会去读head) <body> <div data-role="page"> <div data-role="heade

跨平台移动端APP开发---简单高效的MUI框架

MUI是dcloud(数字天堂)公司旗下的一款跨平台开发移动APP的框架产品,在学习MUI框架之前,最先接触了Hbuilder代码编辑器,它带给我的第一感觉是快,这是HBuilder的最大优势,通过完整的语法提示和代码输入法.代码块等,大幅提升HTML .JS.css的开发效率. 01-初识MUI MUI 有以下两大亮点: 一.轻量追求性能体验,是我们开始启动MUI项目的首要目标,轻量必然是重要特征: MUI不依赖任何第三方JS库,压缩后的JS和CSS文件仅有100+K和60+K 二.原

mui.fire()触发自定义事件

导读:添加自定义事件监听操作和标准js事件监听类似,可直接通过window对象添加,通过mui.fire()方法可触发目标窗口的自定义事件. 监听自定义事件添加自定义事件监听操作和标准js事件监听类似,可直接通过window对象添加,如下: window.addEventListener('customEvent',function(event){ //通过event.detail可获得传递过来的参数内容 .... }); 触发自定义事件通过mui.fire()方法可触发目标窗口的自

python 全栈开发，Day125(HTML5+ 初识,HBuilder,夜神模拟器,Webview)

昨日内容回顾 1.增删改查: 增: db.collections.insert({a:1}) // 官方不推荐了 db.collections.insertMany([{a:1},{b:1}]) insertOne({a:1}) 查: db.collections.find({a:1,b:1}) db.collections.findOne({a:1}) 改: db.collections.update({a:1},{$set:{b:2}}) // 官方不推荐了 db.collections.u

HTML5+ 初识,HBuilder,夜神模拟器,Webview

一.HTML5+ 初识 HTML5 Plus应用概述 HTML5 Plus移动App,简称5+App,是一种基于HTML.JS.CSS编写的运行于手机端的App,这种App可以通过扩展的JS API任意调用手机的原生能力,实现与原生App同样强大的功能和性能. HTML5 Plus规范通过HTML5开发移动App时,会发现HTML5很多能力不具备.为弥补HTML5能力的不足,在W3C中国的指导下成立了www.html5plus.org组织,推出HTML5+规范. HTML5+规范是一个开放规范

mui.fire() 和 mui.trigger()

导读:添加自定义事件监听操作和标准js事件监听类似,可直接通过window对象添加,通过mui.fire()方法可触发目标窗口的自定义事件监听自定义事件添加自定义事件监听操作和标准js事件监听类似,可直接通过window对象添加,如下: window.addEventListener('customEvent',function(event){ //通过event.detail可获得传递过来的参数内容 .... }); 触发自定义事件通过mui.fire()方法可触发目标窗口的自定义事件

mui初级入门教程（六）— 模板页面实现原理及多端适配指南

文章来源:小青年原创发布时间:2016-07-26关键词:mui,webview,template,os,多端适配转载需标注本文原始地址: http://zhaomenghuan.github.io... 写在前面自从来公司实习,每天都淹没在问题中,一直没有抽出空写写文章,今天轮到我完善文档和总结,就想着抽空把文档中的内容写写,但是文档限于篇幅,而且不能话唠,自然博客是最好的方式去分享.哈哈,废话不多说,将整理的内容贴出来,稍作解释,方便大家查阅. template(模板页面) hello m

mui下拉刷新上拉加载

新外卖商家端主页订单大厅页面使用mui双webview,实现下拉刷新上拉加载主页面: order_index.html <!doctype html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-

DCloud-MUI：事件管理

ylbtech-DCloud-MUI:事件管理极简的JS函数 1.返回顶部 1.事件绑定除了可以使用addEventListener()方法监听某个特定元素上的事件外, 也可以使用.on()方法实现批量元素的事件绑定. .on( event , selector , handler ) event Type: String 需监听的事件名称,例如:'tap' selector Type: String 选择器 handler Type: Function( Event event ) 事件触

MUI 页面传值 webview

我们假设a.html 和b.html a.html 页面代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"

MUI右滑关闭窗口用Webview的drag实现

mui.init({swipeBack:true}); 必须要用很快的速度摩擦屏幕才能达到右滑关闭窗口的效果,且在右边一般都会失效. mui这个滑动,是纯前端的,这个效率在Android上确实一般. 推荐使用5+的Webview的drag api,这个是原生的拖动. http://www.html5plus.org/doc/zh_cn/webview.html 搜drag 实现效果顺畅多了:

mui app页面刷新问题 plus.webview.getWebviewById("").reload()

/** * 放回指定页面,并且刷新指定页面 * @param {Object} pageId 指定页面ID */ mui.app_refresh=function(pageId){ if(!mui.isnull(pageId)){ var _page = plus.webview.getWebviewById(pageId); if(_page){ _page.reload(true); } } } 注意:所有打开的这个页面的必须带id,最后刷新的时候才能成功,如果一些带id,一些不带就会造成有

plus.webview.create mui.openWindow区别是什么呢

create 只是创建这个webview,但是不显示,而且同一个页面.同一个id你甚至能重复创建多个(严重消耗性能,作死...),其实mui里面已经封装了这个方法 mui.preload(),并且不会重复创建.. mui.openWindow 是创建了webview以后立即打开,而且可以设置属性,已经打开过的窗口,不会重复create,避免性能消耗...当然这个属性可以设置成可以重复创建(作死吧...)

mui webview操作

HBuilder的webview操作 webviewAPI文档:http://www.html5plus.org/doc/zh_cn/webview.html 创建新的webview窗口: WebviewObject plus.webview.create( url, id, styles, extras ); 说明:创建Webview窗口,用于加载新的HTML页面,可通过styles设置Webview窗口的样式,创建完成后需要调用show方法才能将Webview窗口显示出来. 显示Webvie

mui.init()方法中可以有子页面和预加载两项内容，它们是否都在页面加载完成时创建其对应的webview对象？

subpages和preloadPages区别是什么? mui.init({ subpages: [{ url: 'subject.html', //子页面HTML地址,支持本地地址和网络地址 id: 'subject', //子页面标志 styles: { top: '0px', //子页面顶部位置 bottom: '0px', //子页面底部位置 width: '70%' //子页面宽度,默认为100% } }] }); mui.init({ preloadPages: [{ url: 's

mui 与 webview

热门专题