引入mui.css出现闪屏问题
自己写的选项卡切换功能，引入了mui.css样式，当我切换选项卡时，页面会出现闪动，当我把mui.css注释掉后页面就不会出现闪动问题，由于mui.css文件太大，我也不知道什么属性引起的闪屏，所以我把mui.css解压，打算一行一行来找，结果发现解压后的mui.css并不会出现闪屏问题，很奇怪，也不知道为什么，有知道的小伙伴可以告知下， 来源： oschina 链接： https://my.oschina.net/u/3680343/blog/1858730
mui
jquery项目中一些常用方法
1、获取url中的参数 function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); //构造一个含有目标参数的正则表达式对象 var r = window.location.search.substr(1).match(reg); //匹配目标参数以及解析中文乱码问题 if (r != null) return decodeURI(r[2]); return null; //返回参数值 } 调用：getUrlParam(参数名称) 注意：参数名称是一个字符串 2、封装ajax加移动端当数据没出现出现加载图标 //封装ajax请求、 function ajax_datatypeByXml(type, url, Xml_data, func) {//data数据可以为空 $.ajax({ type: type, url: url, async: false, dataType: "json", timeout: 30000, //超时时间：30秒 data: Xml_data, beforeSend: function () { mui.showLoading("正在加载..", "div"); //加载文字和类型，plus环境中类型为div时强制以div方式显示 }
NSIS silent install ( started via code )
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效，请关闭广告屏蔽插件后再试): 由 翻译 强力驱动 问题: I'm trying to build an NSIS installer that will do the following: 1 When run normaly it will install the application with a installer with the usual choices. 2 When the installer is run with /S switch it silent installs, it's ok if it shows UI. But it should be automatic. It seems to me that the installer "works", as it runs and then correctly starts the application again. But it has not updated anything, it's almost as if it runs, but does not copy any files. When it's a silent install, it's started by the following code (
Hbuilder mui――app微信支付
一、参数说明 https://open.weixin.qq.com 审核和开通方式教程 ） 应用签名：如果用的是DCloud公用证书，则微信应用签名为："59201cf6589202cb2cdab26752472112"（全小写） 如果是自有证书，获取应用签名方法： https://pay.weixin.qq.com/wiki/doc/api/app/app.php?chapter=8_5 二、DCloud官网支付配置 支付配置 有很多重点都没说明，但是下面的参考实例代码还是有用的。其中的appid就是开放平台的appid。 官网文档 ） 业务流程 、 Android开发步骤说明 ） 统一下单 ） 调起支付参数 ） 四、问题解决 应用签名 "是否按规定获取的。！！！！（签名通过一个app获取，参考上面文档，确认是否填的正确值） 调起支付参数 mui中查看错误信息比较麻烦，我的做法是：console.log(JSON.stringify(result)); 数组转为输出json字符串 原文：https://www.cnblogs.com/mengwangchuan/p/9329181.html
横向滚动文字加图片
< div class = "per-son" > < div class = "mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted" > < div class = "mui-scroll" > < ul > < li > < img src = "images/touxing.png" /> < p > 1室 </ p > </ li > < li > < img src = "images/touxing.png" /> < p > 1室 </ p > </ li > </ ul > </ div > </ div > </ div > 横向图片只显示一半，须将mui-segmented-control-inverted该div设置一定的高度，以及mui-scroll top设置0即可 另外一个需要注意的是，横向滚动里的li必须要设置为 display: inline-block; 写浮动是没有效果的。必须同时引入mui的css和js，才会生效 css样式： /* 横向滑动的头部 */ .per-son .mui-segmented-control-inverted { height : 1.2rem ; } .per-son .mui
MUI手势事件归总
根据使用频率，mui默认会监听部分手势事件，如点击、滑动事件；为了开发出更高性能的moble App，mui支持用户根据实际业务需求，通过mui.init方法中的gestureConfig参数，配置具体需要监听的手势事件，。 mui.init({ gestureConfig:{ tap: true, //默认为true doubletap: true, //默认为false longtap: true, //默认为false swipe: true, //默认为true drag: true, //默认为true hold:false,//默认为false，不监听 release:false//默认为false，不监听 } }); window.addEventListener('dragstart',function(event){//拖动时触发事件 if($(".searchText").is(":visible")){ $(".searchText").hide("1000"); $(".gray").attr("src", "../img/45.png"); $(".gray").css({ "width": '7px', "margin": '0 12px' }); } }); 文章来源: MUI手势事件归总
mui 选项卡禁止滑动
每次做选项卡滑动内容的时候总会不经意滑到另一个内容中，贼恶心， 所以要禁止选项卡滑动 只需要一行代码就可以实现： mui('.mui-slider').slider().stopped = true; 文章来源: mui 选项卡禁止滑动
mui 通过js获取单选框的值
<html> <head> <script type ="text/javascript"> function change() { varNew=document.getElementsByName("form1"); varstrNew; for(vari=0;i<New.length;i++) { if(New.item(i).checked) { strNew=New.item(i).getAttribute("value"); alert(strNew ); // item()方法:返回集合中的当前项 break; } else { continue; } } } </script> </head> <body> <input type ="radio" id = "form1" name = "form1" value = "1" onchange ="change();">选择1 <input type ="radio" id = "form1" name = "form1" value = "2" onchange ="change();">选择2 </body> </html> 如果是ajax获取数据库数据生成的多个选择题，可通过循环命名生成name 和value js也是通过循环获取值，利用某个选择框.checked来判断是否选中答案。 文章来源: mui
mui使用总结
mui是一个高性能的HTML5开发框架，从UI到效率，都在极力追求原生体验；这个框架自身有一些规则，刚接触的同学不很熟悉，特总结本文；想了解mui更详细的信息，请访问mui官网 DOM结构 关于mui页面的dom，你需要知道如下规则。 固定栏靠前 所谓的固定栏，也就是带有.mui-bar属性的节点，都是基于fixed定位的元素；常见组件包括：顶部导航栏（.mui-bar-nav）、底部工具条(.mui-bar-footer)、底部选项卡（.mui-bar-tab）;这些元素使用时需遵循一个规则：放在.mui-content元素之前，即使是底部工具条和底部选项卡，也要放在.mui-content之前，否则固定栏会遮住部分主内容； ### 一切内容都要包裹在mui-content中 除了固定栏之外，其它内容都要包裹在.mui-content中，否则就有可能被固定栏遮罩，原因：固定栏基于Fixed定位，不受流式布局限制，普通内容依然会从top:0的位置开始布局，这样就会被固定栏遮罩，mui为了解决这个问题，定义了如下css代码： 始终为button按钮添加type属性 若button按钮没有type属性，浏览器默认按照type=submit逻辑处理，这样若将没有type的button放在form表单中，点击按钮就会执行form表单提交，页面就会刷新
MUI――App启动页与引导页
1.启动页（splash）：app的启动界面，每次启动都会看到的； 2.引导页”（guide）：guide是否展示是可控的，一般首次启动时打开，以后直接进入App主界面 启动页配置 在manifest.json文件中[启动图配置],并且配置是否自动关闭,代码如下： { "plus" : { "splashscreen" : { "autoclose" : true, /*是否自动关闭程序启动界面，true表示应用加载应用入口页面后自动关闭；false则需调plus.navigator.closeSplashscreen()关闭*/ "waiting" : true /*是否在程序启动界面显示等待雪花，true表示显示，false表示不显示。*/ } } } 引导页配置 展示可控，意味着就会有一个标识去判断是否为首次打开。标识本地储存，可参考Hello mui启动页，逻辑如下： mui.plusReady(function() { //读取本地存储，检查是否为首次启动 var showGuide = plus.storage.getItem("lauchFlag"); //仅支持竖屏显示 plus.screen.lockOrientation("portrait-primary"); if(showGuide) { //有值，说明已经显示过了，无需显示； //关闭splash页面；