草庐IT

wx.loadFontFace

全部标签

H5页面跳转微信小程序时:wx.miniProgram.navigateTo 报错 ‘wx‘ is not defined no-undef

有一个功能,需要从H5页面跳转到微信小程序,查了微信官方文档:只需要引入js文件,然后直接使用即可:1:引用: 当然也可以下载下来直接引用项目具体位置的js文件2:使用:然后一直报错: Line161: 'wx'isnotdefined no-undef查了网上的一些解决方法,基本是以下几种(最好用的在最后):1:eslint校验配置去掉对wx这个变量no-undef的校验解决方法:在.eslintrc.js文件里加入以下内容,就不会报错了module.exports={//省略其他配置...globals:{wx:true}}2:禁用eslint的no-undef校验在.eslintrc.j

uniapp h5跳转微信小程序(wx-open-launch-weapp)

目录一、注意事项二、使用步骤  三、调整样式一、注意事项微信版本要求为:7.0.12及以上系统版本要求为:iOS10.3及以上、Android5.0及以上已认证的服务号,服务号绑定“JS接口安全域名”下的网页可使用此标签跳转任意合法合规的小程序。已认证的非个人主体的小程序,使用小程序云开发的静态网站托管绑定的域名下的网页,可以使用此标签跳转任意合法合规的小程序。对于有CSP要求的页面,需要添加白名单frame-srchttps://*.qq.comwebcompt:引入的版本是1.6.0,如(http://res.wx.qq.com/open/js/jweixin-1.6.0.js(支持htt

uniapp h5跳转微信小程序(wx-open-launch-weapp)

目录一、注意事项二、使用步骤  三、调整样式一、注意事项微信版本要求为:7.0.12及以上系统版本要求为:iOS10.3及以上、Android5.0及以上已认证的服务号,服务号绑定“JS接口安全域名”下的网页可使用此标签跳转任意合法合规的小程序。已认证的非个人主体的小程序,使用小程序云开发的静态网站托管绑定的域名下的网页,可以使用此标签跳转任意合法合规的小程序。对于有CSP要求的页面,需要添加白名单frame-srchttps://*.qq.comwebcompt:引入的版本是1.6.0,如(http://res.wx.qq.com/open/js/jweixin-1.6.0.js(支持htt

微信小程序 - 最新获取用户昵称 / 头像(wx.getUserProfile 接口被废弃后的代替方案)详细教程,2022 年之后的所有微信小程序,获取用户信息最新详细教程,附带示例源代码

前言由于官方修改了“用户头像昵称获取规则”,导致网上几乎所有教程全部失效,本文来做最新详细教程。2022年往后(官方废弃了wx.getUserProfile接口),本文是最新微信获取用户头像和昵称的详细教程,您可以直接复制本文提供的示例代码,干净的代码只需要几分钟就可以完成功能,原始的方式已经无法使用,如下图真机所示,目前微信最新的获取用户头像昵称的方式,只包含核心功能,代码干净整洁,没有乱七八糟的废代码示例源码无脑复制即可,稍微改改样式就行了。随便找个新页面,一键复制代码运行起来查看效果。buttoncla

微信小程序 - 最新获取用户昵称 / 头像(wx.getUserProfile 接口被废弃后的代替方案)详细教程,2022 年之后的所有微信小程序,获取用户信息最新详细教程,附带示例源代码

前言由于官方修改了“用户头像昵称获取规则”,导致网上几乎所有教程全部失效,本文来做最新详细教程。2022年往后(官方废弃了wx.getUserProfile接口),本文是最新微信获取用户头像和昵称的详细教程,您可以直接复制本文提供的示例代码,干净的代码只需要几分钟就可以完成功能,原始的方式已经无法使用,如下图真机所示,目前微信最新的获取用户头像昵称的方式,只包含核心功能,代码干净整洁,没有乱七八糟的废代码示例源码无脑复制即可,稍微改改样式就行了。随便找个新页面,一键复制代码运行起来查看效果。buttoncla

TS封装小程序wx.showModal弹窗及调用

现在ts+scss开发小程序越来越多了,我们平时调用showModal弹窗相对频繁的话,可以对它进行封装,减少代码量,方便调用。1.封装我们先看正常的展示效果 再看微信小程序的原调用代码wx.showModal({title:'提示',content:'是否确认的提示内容',success(res){if(res.confirm){console.log('用户点击确定')}elseif(res.cancel){console.log('用户点击取消')}}})提炼可以成为变量的部分,一般情况是三个,有取消操作的话,是4个。1.title:弹窗提示标题,一般默认“提示”2. content:弹

TS封装小程序wx.showModal弹窗及调用

现在ts+scss开发小程序越来越多了,我们平时调用showModal弹窗相对频繁的话,可以对它进行封装,减少代码量,方便调用。1.封装我们先看正常的展示效果 再看微信小程序的原调用代码wx.showModal({title:'提示',content:'是否确认的提示内容',success(res){if(res.confirm){console.log('用户点击确定')}elseif(res.cancel){console.log('用户点击取消')}}})提炼可以成为变量的部分,一般情况是三个,有取消操作的话,是4个。1.title:弹窗提示标题,一般默认“提示”2. content:弹

解决小程序-wx.canvasGetImageData()-RGB取色盘苹果手机获取颜色慢问题

     简介    最近做了一个微信小程序控制蓝牙设备,通过小程序中的RGB取色盘,获取当前的RGB颜色,通过蓝牙发送给设备,设备接收到RGB以后,做出相应的调整。 图1:RGB取色盘    在安卓手机上运行正常,能够迅速的相应我的手部滑动位置,并获取到颜色,非常的跟手,但是当运行在苹果手机上时,就会非常的卡顿,速度异常的慢。延时极高,是无法接受的。    我排查过了各种情况,然后我发现wx.canvasGetImageData()这个API,它是获取canwith就是那个画布指定位置的颜色的,然后在安卓上就是可以很快的获取到,但是在苹果上它也延迟非常高可得,可能需要一秒多才能够获取到这个东

解决小程序-wx.canvasGetImageData()-RGB取色盘苹果手机获取颜色慢问题

     简介    最近做了一个微信小程序控制蓝牙设备,通过小程序中的RGB取色盘,获取当前的RGB颜色,通过蓝牙发送给设备,设备接收到RGB以后,做出相应的调整。 图1:RGB取色盘    在安卓手机上运行正常,能够迅速的相应我的手部滑动位置,并获取到颜色,非常的跟手,但是当运行在苹果手机上时,就会非常的卡顿,速度异常的慢。延时极高,是无法接受的。    我排查过了各种情况,然后我发现wx.canvasGetImageData()这个API,它是获取canwith就是那个画布指定位置的颜色的,然后在安卓上就是可以很快的获取到,但是在苹果上它也延迟非常高可得,可能需要一秒多才能够获取到这个东

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

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