背景 wx.request是小程序提供的API,用于发起网络请求,在频繁并且响应较慢的业务中的请求,页面白屏或者loading时间也相应比较长,然而合理的利用缓存是个很好提升界面响应速度,减少网络资源占用的手段。mrc提供2种换成模式用于业务中使用 短期缓存 对于实时性要求相对较低的业务场景而言,可以使用短期缓存。短期缓存能够将接口数据在一定时间内缓存起来,在时间范围内再次请求的话,可以直接使用缓存数据,减少白屏或者loading...
1.wx.clearStorage接口函数,这个函数不需要参数,可以清理本地的所有缓存。 清除前:清除后:2.wx.clearStorageSync接口函数,这个函数用于同步清理本地数据缓存,该接口同样也没有参数。 清除前:清除后:3.wx.removeStorage接口函数:这个接口函数用于从本地缓存中异步删除指定key对应内容 清除前:清除后:4.wx.removeStorageSync接口函数:这个函数用于从本地缓存中同步删除指定key对应的内容 清除前:清除后:以上就是本文的...
这篇文章主要为大家详细介绍了微信小程序switch开关选择器的使用,具有一定的参考价值,感兴趣的小伙伴们可以参考一下本文为大家分享了微信小程序switch开关选择器使用方法,供大家参考,具体内容如下效果图WXML<view class="tui-list-box"><view class="tui-menu-list"><text>状态:{{isChecked1}}</text><switch class="tui-fr" checked="{{isChecked1}}" bindchange="changeSwitch1"/></view><view class="tui-menu-list"><text...
微信小程序 数据交互与渲染 实现效果图:微信小程序的api中提供了网络交互的api,我们只要调用即可和后端进行数据交互,该api为wx.request.,具体代码如下。//list.js //获取应用实例 var app = getApp() Page({ data: { list:[], hiddenLoading: true, url: }, loadList: function () { var that = this; that.setData({ hiddenLoading: !that.data.hiddenLoading }) var url = app.urls.CloudData.getList; that.setData({ u...
前言开发过程中经常会遇到从一个页面携带数据到另一个页面的情况,所以需要知道以下信息,什么是事件?有哪些传递方式?如果传递数组呢?如果传递对象呢? 一、事件什么是事件 事件是视图层到逻辑层的通讯方式事件可以将用户的行为反馈到逻辑层进行处理事件可以绑定在组件上,当达到触发事件,就会执行逻辑层对应的事件处理函数事件对象可以携带额外信息,如id, dataset, touches事件处理的使用 通过在wxml中设置bindtap、catchtap...
前言 我们在开发小程序时,如果想获取用户信息,就需要获取用的授权,如果用户误点了拒绝授权,我们怎么样去正确的引导用户重新授权呢。今天就来给大家讲讲如果正确的引导用户授权。 老规矩,先看效果图从上图可以看出,我们在用户点击拒绝授权时,我们会弹出一个提示框,提示用户去设置页重新授权,当用户去授权页重新授权以后,我们再回到首页,点击获取用户信息时,就可以成功的获取到用户信息了。 如下图蓝色框里,就是我们成功...
最近在做小程序的登录,需要同时获取用户手机号和头像昵称等信息,但是小程序又不支持单个接口同时获取两种数据,因此想到自定义一个弹窗,通过弹窗按钮触发获取手机号事件。记录一下。具体代码如下: 业务代码中:在业务代码中引入dialog组件即可 <dialog visible="{{dialogVisible}}" showFooter="{{footerVisible}}" title="测试一下"><view class=dialog-body slot="dialog-body"><view class=dialog-content>申请获取你微信绑...
微信小程序 swiper组件轮播图 照着开发文档尝试,总是能有所收获.之前做Android开发,做个轮播图并不简单,用上viewpage再设置圆点,折腾一通之后还一堆bug.今天尝试微信小程序开发做轮播图,真是感动的泪流满面.废话说完了,上图.上图就是一个简易的轮播图,是不是很简易.23333 主要是代码也很简单. 1.index.wxml <!--index.wxml--> <swiper class="swiper" indicator-dots="true" autoplay="true" interval="5000" duration="1000"> ...
navigator跳转分为两个状态一种是关闭当前页面一种是不关闭当前页面。用redirect属性指定。 主要属性:wxml <navigator url="../index/index">点击跳转不关闭当前页面</navigator> <navigator url="../logs/logs" redirect="true" >点击跳转关闭当前页面</navigator>相关文章: hello WeApp icon组件 Window text组件 switch组件 tabBar底部导航...
本文实例为大家分享了小程序云函数调用API接口的具体代码,供大家参考,具体内容如下 以下例子是调用小程序官方的API,如何调用API来进行对内容的安全检测: 第一步:新建一个文件名为msgCheck的Node.js的云函数,安装相关依赖(wx-server-sdk、got)上传并部署,在该目录下的index.js文件编辑代码如下: // 云函数入口文件 const cloud = require(wx-server-sdk) const got =require(got) let appid =wx3879622dfa8bc582 let sec...
本文实例为大家分享了微信小程序实现蒙版弹窗效果的具体代码,供大家参考,具体内容如下<view class="modalDlg" wx:if="{{showModal}}"><view class=close_mask bindtap="close_mask">X</view><input class=recharge_amount type=text placeholder=充值金额 maxlength="8" value={{recharge_amount}}></input><button class=save_money type=submit>立即充值</button> </view><button class=recharge bindtap="submit">充值</butto...
前面一篇介绍了微信小程序目录结构、基本配置。这里再来介绍一下函数定义、页面渲染。小程序逻辑app.js:定义App函数用来注册一个小程序,包含全局数据和函数,指定小程序的生命周期回调等。整个小程序只有一个 App 实例,全部页面共享使用。//app.js App({onLaunch: function () {// 展示本地存储能力var logs = wx.getStorageSync(logs) || []logs.unshift(Date.now())wx.setStorageSync(logs, logs)// 登录wx.login({success: r...
switch开关组件使用主要属性:wxml <!--switch类型开关--> <view>switch类型开关</view> <switch type="switch" checked="true" bindchange="listenerSwitch"/><!--checkbox类型开关--> <view>checkbox类型开关</view> <switch type="checkbox" bindchange="listenerCheckboxSwitch" />js Page({data:{// text:"这是一个页面"},/*** switch开关监听*/listenerSwitch: function(e) {console.log(switch类型开关当前状态-----, e.det...
微信小程序 弹窗 首先wxml代码: <view class="myToast" hidden="{{nullHouse}}">暂无有关信息</view> <view bindtap="clickArea">点击此处</view> 注:hidden属性用于切换比较频繁的地方。 wxss代码设置弹窗样式: .myToast{width:240rpx;height:130rpx;line-height: 130rpx;margin:80rpx 35%;border-radius:20rpx;background-color: rgb(114,113,113);color:rgb(255,255,255);font-size: 36rpx;text-align: center;position: ...
微信小程序网络请求wx.request详解及实例 如果说小程序API里面最重要一个接口是哪一个?那么首推wx.request()。相当于在小程序内请发起一个https请求(本地调试模式下支持HTTP)。HTTP协议中共定义了八种方法或者叫“动作”来表明对Request-URI指定的资源的不同操作方式。 GET:向特定的资源发出请求。POST:向指定资源提交数据进行处理请求。数据被包含在请求体中。PUT:向指定资源位置上传其最新内容。DELETE:请求服务器删除Req...