MUI H5+ 开发app基础

加载子页面(防止手机性能差,出现上下滑动卡顿)
  • 其中 url 就是子页面的路径 id 为自定义 通常和页面名称一致在这里插入图片描述
页面的跳转和传值
  • 切记 如果使用mui组件内的底部导航跳转的方式只能使用document获取元素的id
    在这里插入图片描述
页面跳转传值 新页面接收参数

在这里插入图片描述

页面初始化 H5加载完毕

在这里插入图片描述

判断某个元素中是否有包含某个类

在这里插入图片描述

页面的预加载
  • Preloadpages为一个数组,数组中可以有多个对象,每个对象为一个页面在这里插入图片描述
关于事件
  • 强烈建议使用下面的方法 触发事件,
  • 下面的方法只有在真机调试的时候才会被触发

在这里插入图片描述

常用的手势事件

在这里插入图片描述

批量绑定事件 .on
  • 通过mui()选中父组件
  • 通过.on的第一个参数为绑定的事件
  • 参数二为选中元素的子元素
  • 参数三为触发的函数 在函数中的this指向被触发的元素

在这里插入图片描述

代码触发事件
  • 获取要触发的元素 通过mui.trigger来触发
  • 参数一是元素
  • 参数二为要触发的事件
    在这里插入图片描述
通过批量绑定事件中的this指向拿到元素的属性值

在这里插入图片描述

调用自定义事件
  • 父页面中
    1. 为li批量绑定事件
    2. 在pluseady中进行页面预加载 获取预加载页面对象
    3. 通过mui.fire方法去触发自定义事件 并传递参数 mui.fire参数一为预加载的页面对象 参数二为自定义事件的名称(与子页面事件名称一致)参数三为传递的数据
    4. 页面跳转
      在这里插入图片描述
  • 子页面
    通过window.addEvevtListener获取数据 参数一是自定义事件名称 参数二为函数 生成函数中参数e对象可以从e对象中获取父页面传递的参数
    在这里插入图片描述
MUI请求服务器
  • GET
    在这里插入图片描述
  • POST
    在这里插入图片描述
MUI中AJAX中的参数

在这里插入图片描述

MUI ajax改变请求格式

在这里插入图片描述

常用的请求方法

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

几何心凉

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值