草庐IT

wx.loadFontFace

全部标签

《小程序wx:for在更改数据后无法渲染页面》

背景为扩展业务,提高搜索效率,增加tab筛选:[综合,销量,价格]问题发现点击tab,重新发送接口请求,列表数据更改之后,但是页面并没有重新渲染问题分析{searchData}}"wx:key="index">{messageChannelKey}}"messageValPickKey="{{index}}"cardType="normal"extraReportData="{{extraReportData}}"/>点击事件触发,searchData已发生改变,但由组件组成的feed流并没有发生渲染变化,根据上述代码,使用wx:for列表渲染,绑定的key值为index;组件在attache

微信小程序弹窗提示:wx.showToast、wx.showModal、wx.showLoading的使用场景与实现

1、wx.showToast使用场景:常规的提示,没有确定和取消按钮。例:属性:title:提示的内容icon:显示的图标,合法值有success、error、loading、noneimage:自定义图标的本地路径,优先级高于iconduration:提示的延迟时间mask:是否显示透明蒙层,防止触摸穿透success:API调用成功后的回调函数fail:API调用失败后的回调函数complete:API调用结束的回调函数(无论成功与否都会执行)实现:wx.showToast({title:'成功',icon:'success',duration:2000})2、wx.showModal使用

微信小程序弹窗提示:wx.showToast、wx.showModal、wx.showLoading的使用场景与实现

1、wx.showToast使用场景:常规的提示,没有确定和取消按钮。例:属性:title:提示的内容icon:显示的图标,合法值有success、error、loading、noneimage:自定义图标的本地路径,优先级高于iconduration:提示的延迟时间mask:是否显示透明蒙层,防止触摸穿透success:API调用成功后的回调函数fail:API调用失败后的回调函数complete:API调用结束的回调函数(无论成功与否都会执行)实现:wx.showToast({title:'成功',icon:'success',duration:2000})2、wx.showModal使用

【微信小程序】请注意游客模式下,调用 wx.operateWXData 是受限的, API 的返回是工具的模拟返回

在使用XHbuilderX运行微信小程序的时候可能会遇到一个问题请注意游客模式下,调用wx.operateWXData是受限的,API的返回是工具的模拟返回这是因为我们忘记在程序中配置AppID了才会出现这样的警告,接下来就让我带你们看看如何解决这个警告吧首先让我们打开微信小程序助手在左边的侧边栏选择开发=>开发管理=>开发设置选中AppID(小程序ID)注意这里要是正式的AppID不要使用测试号的选中复制后打开XHbuilderX将AppID黏贴进去就可以了将其运行到微信开发者工具上,打开微信开发者工具的控制台发现警告消失了但是与此同时我们发现又有一个新的警告当前组件仅支持uni_modul

【微信小程序】请注意游客模式下,调用 wx.operateWXData 是受限的, API 的返回是工具的模拟返回

在使用XHbuilderX运行微信小程序的时候可能会遇到一个问题请注意游客模式下,调用wx.operateWXData是受限的,API的返回是工具的模拟返回这是因为我们忘记在程序中配置AppID了才会出现这样的警告,接下来就让我带你们看看如何解决这个警告吧首先让我们打开微信小程序助手在左边的侧边栏选择开发=>开发管理=>开发设置选中AppID(小程序ID)注意这里要是正式的AppID不要使用测试号的选中复制后打开XHbuilderX将AppID黏贴进去就可以了将其运行到微信开发者工具上,打开微信开发者工具的控制台发现警告消失了但是与此同时我们发现又有一个新的警告当前组件仅支持uni_modul

微信小程序(四) 节点查询 | wx.createSelectorQuery

先看官方文档给出的说明查询节点信息的对象,返回一个SelectorQuery对象实例\color{#9a2323}{查询节点信息的对象,返回一个SelectorQuery对象实例}查询节点信息的对象,返回一个SelectorQuery对象实例拿到实例后再看上边挂载的方法SelectorQuery.in(设置选取范围)SelectorQuery.select(选择节点|页面中匹配到的第一个)SelectorQuery.selectAll(选择当前页面下匹配选择器的所有节点)SelectorQuery.selectViewport(获取显示区域的尺寸、滚动位置等信息)SelectorQuery.e

微信小程序(四) 节点查询 | wx.createSelectorQuery

先看官方文档给出的说明查询节点信息的对象,返回一个SelectorQuery对象实例\color{#9a2323}{查询节点信息的对象,返回一个SelectorQuery对象实例}查询节点信息的对象,返回一个SelectorQuery对象实例拿到实例后再看上边挂载的方法SelectorQuery.in(设置选取范围)SelectorQuery.select(选择节点|页面中匹配到的第一个)SelectorQuery.selectAll(选择当前页面下匹配选择器的所有节点)SelectorQuery.selectViewport(获取显示区域的尺寸、滚动位置等信息)SelectorQuery.e

微信小程序使用Promise对wx.request()进行封装详细教程(附完整代码)

1.原生wx.request()的缺点wx.request官网说明回调地狱,可能会出现多层success套用的情况(用Promise封装解决)效率低,代码冗杂,每次都要写共同的参数(比如headers,公共的url)可维护性差,后续查看和改代码不方便,封装后都在同一个文件,一目了然wx.request({url:'example.php',//仅为示例,并非真实的接口地址data:{x:'',y:''},header:{'content-type':'application/json'//默认值},success(res){console.log(res.data)}})作为一个合格的前端开发

微信小程序使用Promise对wx.request()进行封装详细教程(附完整代码)

1.原生wx.request()的缺点wx.request官网说明回调地狱,可能会出现多层success套用的情况(用Promise封装解决)效率低,代码冗杂,每次都要写共同的参数(比如headers,公共的url)可维护性差,后续查看和改代码不方便,封装后都在同一个文件,一目了然wx.request({url:'example.php',//仅为示例,并非真实的接口地址data:{x:'',y:''},header:{'content-type':'application/json'//默认值},success(res){console.log(res.data)}})作为一个合格的前端开发

使用wx/qq/等app在项目里截屏上传图片

代码如下:我这边用的阿里OSS直传的,主要思路是获取截图对象,粘贴到指定div位置,获取文件流,将文件流赋值给clientUpload方法。使用wx/qq快捷指令就可以截图上传图片了。支付图片点击上传,或将文件拖拽到此处  //截屏上传constdiv=document.getElementById("saleInfoFormFile")//constimg=document.getElementById("img")functionhandlePaste(e){//粘贴对象if(e.clipboardData||e.originalEvent){constclipboardData=(ev