mui记录

mui 记录

1.轮播添加无限循环需要在 .mui-slider-group节点上增加.mui-slider-loop类 2.web移动端侧滑与滑动同时存在参考https://segmentfault.com/q/1010000005784640 3.a标签链接失效,增加监听事件 // 监听tap事件,解决 a标签不能跳转页面问题 mui('body').on('tap','a',function(){document.location.href=this.href;}); 4.滑动报错问题,引入全局变…

事件addEventListener()绑定事件的对象方法.addEventListener()含有三个参数,一个是事件名称,另一个是事件执行的函数,最后一个是事件捕获.obj.addEventListener("click",function(){},true/false);这里的事件名称跟直接写的事件名称不一样,在这里前面没有on.还有就是按以往的方法定义事件的话后面的会覆盖掉前面的事件函数.但是按这种方式写的话几个事件函数都会执行,最后是true和false的解释,事件在执行时都…

MUI开发记录

最近很久没有更新博客了,因为一直在学习前端h5 手机app的开发.曾经一度觉得自己css和js学得不错,进入到前端领域后才发现水很深~ HUuilder使用安卓模拟器安卓模拟器有很多,我这里以夜神模拟器为例.使用安卓夜神模拟器来运行手机app的时候,先要配置HUuilder,配置方式:HBuilder的工具-->选项-->运行-->设置Web服务器-->HBuilder-->第三方Android模拟器端口:将此处的端口改为62001.因为夜神模拟器的端口就是62001. H…

MUI开发记录——我的考勤

已经好久没有更新技术博客了,因为最近一直在做跨平台web app应用的开发,由于是刚做这个,也没太多经验同大家分享,可我是一个闲不住的人,我还是决定于百忙之中抽空整理一篇,记录下开发历程......——前言需求描述可以选择日期,按月份分别查看应出勤数.已出勤数.迟到数.早退数,用特殊标记标出某天是迟到还是早退等等,选中某天,直接加载该天的所有考勤记录,看上去挺简单的功能,要我写js估计可以写到吐血,还好懂得拿来主义,网上找个开源的日历组件,然后进行改造.日历组件源码地址Calendar.js…

移动端App uni-app + mui 开发记录

前言 uni-app uni-app是DCloud推出的终极跨平台解决方案,是一个使用Vue.js开发所有前端应用的框架,官网:https://uniapp.dcloud.io/ mui 号称最接近原生APP体验的高性能前端框架,官网:https://dev.dcloud.net.cn/mui/ 个人觉得,mui除了页面设计很接近原生App之外,还有一个特点就是能方便的使用App扩展规范Html5 Plus(http://www.html5plus.org/doc/h5p.html),我们能在它…

mui学习记录

1.页面间传值 2.mui如何增加自定义icon图标 http://ask.dcloud.net.cn/article/128 3.设计基于HTML5的APP登录功能及安全调用接口的方式(原理篇) http://ask.dcloud.net.cn/article/157…

H5+ and mui学习记录

基础 1.H5+ 定义实现了一些调用原生方法的对象 2.其他的原生方法可以通过Native.js调用 webview 3.webview是调用原生界面的H5+对象 4.单个webview只承载单个页面的dom,多个webview可以组合,嵌套. 例如,为了流畅滚动,可以将目标页面分解为主页面和内容页面多个webview,主页面显示卡头卡尾区域,比如顶部导航.底部选项卡等:内容页面显示具体需要滚动的内容. 5.页面之间会相互遮挡,所以页面的大小位置很重要. height和width两个属性默认为1…

Mui中常见问题记录

1.mui中A标签如果有这个class="mui-control-item"时,a标签点击链接是没有反应的,那么可以用以下方式实现 : mui.init(); mui('body').on('tap','a',function(){ window.top.location.href=this.href; });…

Html5+Mui前端框架,开发记录（四）：下拉菜单绑定数据、搜索、时间控件

1.下拉菜单绑定数据,选择后回传值 1)html: <div class="mui-input-row"> <label>xxx:</label> <input id='zxyy' type="text" class="mui-input-clear mui-input" placeholder="请选择xxx"> </div> 2)js: 1 document.ge…

Html5+Mui前端框架,开发记录（三）：七牛云上传图片

1.Html界面: <div id="container"> <label>凭证:</label> <div id="uploadImage" class="mui-btn" style="float: left; margin-top: 5px;text-align: center;padding:10px;width: 100px;">选择图片 </div> &l…

Html5+Mui前端框架,开发记录（二）：提交不了数据？

1.Mui 请求Webapi接口,返回所需要的数据(get,post) mui.ajax({ url: getAddress() + '/api/Qiliu/get?jsoncallback=?', data: {}, async: false, dataType: 'json', crossDomain: true, //强制使用5+跨域 type: 'get', timeout: 10000, success: function(data) { //xxx逻辑 } }): mui.ajax(…

Html5+Mui前端框架,开发记录（一）

1.下载HBuilder X,地址:http://www.dcloud.io/hbuilderx.html,根据需求选择版本下载. Mui文档,地址:http://dev.dcloud.net.cn/mui/ui/. 2.打开“HBuilder X”,选择“文件”,选择“新建”-“项目” 3.css,js等文件都帮我们生成好了,直接引用即可 4.右侧有前端常用的功能介绍及源码…

MUI - DIV窗体切换

神坑记录: 1.js报错异常:没有找到"innerHeight"属性? 解决方案:暂时不知原因,通过对mui.view.js进行调试得知是跳转目标页没有 .mui-navbar-left 这个css类.所以加入到指定位置即可.详细看demo 2.背景颜色记得设置,如果没有设置层的背景颜色,默认是透明的会看到上一页作为背景就尴尬了 3.在问题1的基础上衍生,第一次成功,第二次会失败? 解决方案:在mui.viw.js大约244行中找到如下代码并且注释 if (this.previousN…

MUI 微信和支付宝支付（前台代码）

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maxim…

MUI AJAX Raw请求数据

提交接口数据,接口方提供的是post请求,body - raw ; 我尝试过JQuery ajax raw 的方式,但是始终无法成功然后我回想到我用的是mui我就开始考虑用mui.ajax结果就成功了,特此记录下.其实也是也是自己走了弯路,本来用mui,最好的还是用它的全部东东代码分享一下: (function () { window.ax = { api:"http://127.0.0.1/", // 这里需要替换为你的接口IP // GET 提交方式 // u --请求地址 /…

使用hubuild,mui开发微信app—首页（一）

写在前面本系列文章我将介绍一下从零开始利用hubuild,mui实现微信app的开发,该系列是个人学习记录,所以在每篇文章中,都是从怎么去实现开始讲解,然后再把实例中涉及知识点做一个概述. 创建一个mui项目 HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE,因为HBuilder内部集成了很多mui组件,所以用HBuilder可以实现mui的快速开发,在开始开发之前,我们首先需要利用HBuilder创建一个mui的项目,文件-新建-移动App,如下图: 布局…

webAPP踩坑记录

最近公司突然给我们下了一个任务一个星期要做出一个系统网站外加手机app 2个同事负责 web开发我负责手机app 的开发今天终于初级版本做完了,记录一下手机app踩过的坑与优化之路用到技术 mui+vue.js+webApi 首先是侧滑菜单栏类似于qq侧滑 1  2  3 <div class="mui-off-canvas-wrap mui-draggable mui…

开始使用 HBuilder 和 Mui - 1 - 分析 index.html ;

转自:http://ask.dcloud.net.cn/article/240 好吧,在比较了 Codenameone 和 HBuilder 以后,俺反复考虑后,终于还是决定使用 HBuilder 这个东东:简单说说 Codenameone 吧,用 java 进行开发的跨平台(注意,目前支持 android, ios, wp, BlackBerry) 的框架,首先吸引我的是它的跨平台移动开发能力, 其次吧,编译型的语言比较好进行TDD开发, 第三,有一个可视化的界面设计环境以及界面设计和处理代码…

mui底部导航栏切换分页

使用Hbuilder的mui框架开发移动端非常便利.高效: 底部导航栏切换功能也是移动APP开发中必须实现的: 引入mui文件.下面会用到jquery,同时引进 <link href="css/mui.min.css" rel="stylesheet"/> <script type="text/javascript" src="js/jquery.js" ></script> <scr…

MUI开发大全

最近很久没有更新博客了,因为一直在学习前端h5 手机app的开发.曾经一度觉得自己css和js学得不错,进入到前端领域后才发现水很深~,写代码时HBuilder和VS混用,HBuilder的快捷键和代码提示以及真机调试方便,但是错误提示和代码格式化是硬伤,VS的前端报错提示很智能,代码格式化很顺畅,将二者的优点集合起来.现在在用MUI做app开发, 就把工作中用到的以及遇到的坑都一一记录下来,待项目完工,再回过头来看一下...... 相关学习资料网址 MUI文档:http://dev.dclou…

mui笔记

1.关闭当前页面执行上一个页面的方法 var preview = plus.webview.currentWebview().opener() //获取当前窗口的创建者,即A preview.evalJS("preference.refreshAttensionInfo('author')") //执行父窗口中的方法 A中的showAG方法 plus.webview.currentWebview().close() 2.长按和释放 // 语音长按 document.getElemen…

MUI --- 多个页面之间的传值 A页面B 页面 C页面

问题: 夸页面传值的,A.B.C三个页面,点A弹出B,C是B子页面;A有两个值要传到C页面中,要怎么样传递呢? A页面传值就不累述了 B页面才是关键 mui.plusReady(function() { token = plus.webview.currentWebview();//获取A页面传过来的值 console.log("roadlist.html-wv.tokens=" + token.tokens); mui.init({ subpages: [{ url: 'list.h…

MUI的踩坑笔记

最近在做公司项目的手机端实现,稍微记录下遇到的坑 1.在app开发中,若要使用HTML5+扩展api,必须等plusready事件发生后才能正常使用,mui将该事件封装成了mui.plusReady()方法,涉及到HTML5+的api,建议都写在mui.plusReady方法中.如下为打印当前页面URL的示例: mui.plusReady(function(){ console.log("当前页面URL:"+plus.webview.currentWebview().getURL())…

react +MUI checkbox使用

PS:因项目采用MUI,故,在此所讲的checkbox组件为MUI里的checkbox 因checkbox组件里 oncheck函数没法判断复选框是否选中,故,若直接复用且通过state改变checked属性,会引起一选全选,不选都不选(因为这里的state掌管着所有checkbox的checked值).为避免这种情况,有两种解决方式: 1.将checkbox分离出来: 上图为确保只有当卡片至少选中一个时删除按钮才显示,采用将其分离的方式. 实现方法:在自己封装的checkbox里定义了一个全局…

MUI框架 picker日期选择器实例

MUI官方文档点我 (一)准备工作,下载相关的js.cs文件,地址 (二)新建普通html页面 1)引入相关js.cs文件 2) 一个input,记录下id: <form> <label for="dateSelect">请选择日期</label> <input type="text" id="dateSelect"/> </form> 3)核心代码: <script type=&…

HBuilder mui登录和访问控制教程--转载

HBuilder mui登录和访问控制教程 mui中提供了登录的模板页,但是对于登录后各个页面的访问控制,刷新等并没有官方的推荐方案.我在这里简单说一种初级的解决方案吧,肯定有不足指出,欢迎批评指正. 第一节中创建移动APP项目的时候选择的是"mui项目",只引入了默认的js和css等文件,没有登录模板.要使用默认登录模板,可以创建的时候选择"mui登录模板".现在创建一个名为muiLogin的"mui登录模板"项目: 可以看到这次多了不少东西.…

MUI实现上拉加载和下拉刷新

编写存储过程分页(此处使用T-SQL) CREATE PROC [dbo].[Common_PageList] ( @tab nvarchar(max),---表名 @strFld nvarchar(max), --字段字符串 @strWhere varchar(max), --where条件 @PageIndex int, --页码 @PageSize int, --每页容纳的记录数 ), --排序字段及规则,不用加order by @IsGetCount bit --是否得到记录总数,1为得…

vue点击切换颜色限制个数（用了mui框架）

vue点击切换颜色只能点击一个 <!doctype html> <head> <meta charset="UTF-8"> <title>修改资料--类别</title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalabl…

mui的上拉下载和下拉刷新

head部分(引入mui) <link href="./resources/css/mui.min.css" rel="stylesheet" /> <script src="./resources/js/mui.min.js" type="text/javascript" charset="utf-8"></script> <script src="./…

C#构造方法(函数) C#方法重载 C#字段和属性 MUI实现上拉加载和下拉刷新 SVN常用功能介绍(二) SVN常用功能介绍(一) ASP.NET常用内置对象之——Server sql server——子查询 C#接口字符串的本质 AJAX原生JavaScript写法

C#构造方法(函数) 一.概括 1.通常创建一个对象的方法如图: 通过 Student tom = new Student(); 创建tom对象,这种创建实例的形式被称为构造方法. 简述:用来初始化对象的,为类的成员赋值. 2.构造方法特点 a.方法名与类名相同: b.没有返回值类型: c.必须要通过new的形式调用: 3.语法访问修饰符类名([参数]) { 方法体 } 二. 无参构造方法 1.在默认情况下,系统将会给类分配一个无参构造方法,并且没有方法体. 通过反编译工具看出: 我们…

【mui记录】的更多相关文章