
MUI
文章平均质量分 50
mui框架
独行侠_阿涛
2015年211院校毕业,于2020年考取软考高级证书-系统架构设计师,高分通过(61-64-52)。毕业前6年,一直专注于技术全面开花,有python/Node/Java/Elk系列等项目开发经验;熟悉搜索引擎解决海量数据搜索问题,Node代替Java开发服务后端,python自动化程序编写。目前持续沉淀过去的知识,陆续推出前端0+1专栏,容器技术等专栏,目前正在更新ELK7.2。
展开
-
mui/uniapp真机开发投屏显示
问题在开发app过程,使用真机调试,这个时候如果想要把效果投屏到电脑上来查看,比如我在分享博客的时候,需要截屏,如果每次都是在手机上截屏在发到电脑上,显然不方便。解决安装itools,然后将手机连上电脑,如下:效果如下:...原创 2021-05-07 15:03:12 · 2190 阅读 · 0 评论 -
mui app内嵌h5网页互相通信
问题mui制作app,需要在其中的一个页面打开一个网页。并且网页可以获取到当前应用的用户信息。解决1、创建壳:页面里头打开一个网页比较简单:如下源码,创建一个壳:壳功能包括:获取上一个页面传过来的当前页面的需要的参数,比如title 因为默认打开一个页面,都会有一个加载框,壳实现了监听内嵌的网页的加载状态,如果在2s之内加载完毕了,就关闭加载框,否则时间超过2s也会自动关闭加载框,这样用户就可以进一步操作,比如返回 监听网页是否已经打开了新的网页,比如百度首页点击某个条目进原创 2021-05-07 14:33:06 · 930 阅读 · 0 评论 -
那些年,mui.picker给你的伤痛都在这里!
移动端开发,我选mui。移动端选择框插件,时间选择插件,我选mui.picker。但是,它的坑,你踩过几次呢。我不知道你踩过几次,我只知道我就踩过一个坑。对的,只有一个,反馈给官方,也没看到优化和修缮。能咋办,自食其力吧,我就自己搞了一个修缮版本的mui.picker.min.js。坑是啥这个事情是这样的:页面使用了选择器,然后第一次使用选择器后再马上点击页面的任意一个输入...原创 2019-06-26 15:08:17 · 510 阅读 · 0 评论 -
报异常 // 设置圆圈的边框颜色为红色 circleObj.setStorkeColor( “#ff0000“ );
今天在用html5联盟的地图功能。发现在使用一个功能:设置范围的边框的颜色的时候死活都不正确。百度也没有答案。后面发现,居然是官方的给的demo的代码写错了。你敢信但是api确实这么写的:经过测试呀,api写的是对的,demo是错的。简单记录,希望帮到后面踩坑的人...原创 2020-03-11 16:59:43 · 346 阅读 · 0 评论 -
还在用mui默认的pullRefresh插件?赶紧来看看我的future-pullrefresh.js
做移动端开发的人很多人都认识mui框架。但是mui框架的很多功能的封装其实还是存在很多瑕疵的。扫地僧最为有感触的便是mui的下拉插件,是真的难用,不是一般的难用。于是,我基于mui.js和阿里巴巴的图标库封装了一个历史上最好用的下拉插件。先罗列下我封装的future-pullrefresh.js插件的优点:1、0成本上手,简单api2、已经在大公司项目应用了,经过了10000多...原创 2019-06-25 15:02:39 · 665 阅读 · 0 评论 -
html5 mui checkbox点击没反应,只有点击lable时候才有响应
mui checkbox用法mui的checkbox的用法,官方文档这么说:DOM结构<div class="mui-input-row mui-checkbox"> <label>checkbox示例</label> <input name="checkbox1" value="Item 1" type="checkbox" che...原创 2019-03-22 16:48:15 · 2479 阅读 · 0 评论 -
mui做的app启动慢
最近在做一个移动端项目,基于mui框架做的。确实方便。但是做好之后发现,基于mui框架做的app启动非常慢。慢到你怀疑人生。经过笔者各路探寻,最后发现原因。不得不说,现在的mui的资源实在太少。遇到问题,几乎没啥直接的帖子可以帮助解决问题。都得靠自己磨磨磨出来。为了调研是否有很多人都遇到跟我一样的问题,解决的方案,笔者先不说,留言数超过20,我就分享我的解决方案。紧急的网友可以发邮件给...原创 2018-12-13 09:26:33 · 828 阅读 · 9 评论 -
mui上拉加载下拉刷新问题
mui是h5十大框架之一。很好用,但是针对不同的场景,文档的描述不够我们理解。场景:通过mui的上拉加载更多数据,下拉刷新回刚刚进入当前页面的状态。笔者设置每次上拉就清空旧页面的内容,把新加载的10条数据渲染到页面上,当下拉时候,恢复到第一次加载的状态。问题:当上拉加载的数据达到最多时候,通过mui('#pullrefresh').pullRefresh().endPullupToR...原创 2018-02-06 15:06:46 · 5434 阅读 · 0 评论 -
mui框架实现分享功能
今天介绍两种分享功能:1、基于plusshare.js插件2、mui原生分享1、基于plusshare.js插件的分享1)需要先去下载plusshare.js插件为了大家工作方便,我直接贴上插件的代码,大家直接新建js文件复制粘贴进去即可:(function() { var plusReady = function(callback) { if(window.plu...原创 2018-07-19 17:35:13 · 7141 阅读 · 7 评论 -
mui video视频播放
浏览器或者是h5app上播放视频。其中手机端或者电脑端的浏览器可以直接打开.mp4格式的文件并播放;mui的webview在android不能直接打开,在ios上可以直接打开。1、让mp4在android上打开。新打开的webview代码如下,可以直接打开mp4文件。video标签的几个属性讲解:controls表示显示控制台, autoplay表示视频加载完自动播放<!DOCTYPE ht...原创 2018-07-12 16:12:42 · 14211 阅读 · 12 评论 -
mui-table-view上下多了一条边线
分享一个点:mui-table-view渲染的列表,都会在前后多一条线直接查看都看不出是哪个元素的边框,经查证,是mui-table-view的两个伪类选择器:before,:after设置导致的,所以只要去掉其高度即可,解决方案:通过增加如下样式: .mui-table-view:before{ height:0 } .mui-table-view:after{ ...原创 2018-07-18 12:52:04 · 2242 阅读 · 0 评论 -
mui.previewimage支持图片预览
移动端的图片预览,先看效果图:上面这张图是从csdn中获取的,不得不说,csdn的图片url弄的真是太好了,我转存之后文件名变成了一堆数字,后面尝试着加上了.gif才知道,原来......主流的预览插件就是:mui.previewimage.js了。下面讲解整个流程:需要文件1、正常的普通的test.html文件2、mui.previewimage.js/ mui.js...原创 2018-07-04 15:48:29 · 14776 阅读 · 25 评论 -
mui.ajax() abort
哎,坑踩的太多了。脑壳疼!!!!!!!!!这不 ,mui.ajax报错,我都不知道是什么鬼,前一秒好好的,后一秒就报错了。重点是没有多余的错误信息。mui.ajax('http://server/',{ data:{ dateTime:searchTime }, dataType:'json', type:'post', timeout:10...原创 2018-06-29 14:05:58 · 3477 阅读 · 3 评论 -
mui.openWindow()页面跳转异常
执行出问题代码如下: mui.openWindow({ url: 'login.html', id: 'login-channel', createNew: false });问题现象如下图:事先声明:该声明基于我发现问题所在发表的:该问题在实际生产的场景中不会出现,往往出现在我们调试中。操作流程重现:1、点击登入按钮跳转到登入页面2、输入用户信息,点击登入,信息通过window.locat...原创 2018-06-21 15:16:49 · 8018 阅读 · 9 评论 -
mui首页嵌入子页面登入成功跳转后显示异常
场景:mui的底部有四个tab,每个tab绑定一个子页面。四个子页面都嵌入在当前的页面里头。当前页面设定为app的入口。使用:app入口是首页,首页可以看到默认激活的tab的子页面。这个时候用户需要登入,登入信息通过window.location.href=...方式进行传递到后台做验证。后台验证成功之后,跳转回首页。跳转回首页的代码是:mui.currentWebview.loadURL("_w...原创 2018-06-21 13:02:27 · 3464 阅读 · 5 评论