![](https://img-blog.csdnimg.cn/1725e8729f56444681d5b61b5d934bfe.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
微信小程序
文章平均质量分 54
微信小程序大家一起来进步
Unique·Blue
锄头抡冒烟的码农一枚
展开
-
小程序rice-text解析多个空行
小程序rice-text解析多个空行原创 2022-07-08 18:29:06 · 500 阅读 · 0 评论 -
小程序页面间通信——EventChannel(数据量多时)
场景:页面A 跳转页面B,需要带一些参数过去,体积小的参数可以通过query带过去,数据量较多时,query不是一个好的选择。这时候应考虑 eventChannel原创 2021-11-22 19:00:36 · 5680 阅读 · 1 评论 -
Web端微信授权登录
web端微信授权登录,根据使用的场景不同,有以下几种情况一、web端跳转外链web端直接 跳转微信外链 ,在外链中扫描二维码后,带上token重定向到指定页面二、web端内嵌微信外链的二维码web端 内嵌微信外链 的二维码(用户体验更好),使用微信的js库,传入指定参数,即可在指定容器中生成对应的二维码三、 web端内嵌小程序码web端 内嵌小程序码 ,扫描之后跳转小程序对应的页面,在小程序中处理登录逻辑,并在web端轮询拿到登录状态(可以同时实现小程序和web的登录,并且有利用小程序的推广)原创 2021-10-21 18:12:42 · 2284 阅读 · 0 评论 -
微信授权登录:Web端生成二维码,跳转微信小程序并确认授权,实现小程序和Web的同时登录(参照腾讯云)
最近做了一个需求(效果部分参照腾讯云 https://cloud.tencent.com/),Web端生成二维码,跳转微信小程序并确认授权,实现小程序和Web的同时登录一、预期效果(腾讯云)首先扫web端的这个二维码然后跳转对应的小程序,点击小程序中的确认登录后,调起授权成功后实现小程序和Web同时登录二、梳理思路因为跳转的是小程序页面,所以web端的码对应的是小程序某页面的二维码若要实现小程序和Web的同时登录,web扫码后,① 一定需要有一个“唯一信件”,从Web带到小程序(原创 2021-10-21 18:04:13 · 4915 阅读 · 2 评论 -
微信小程序使用 npm 安装 moment
先点击了解 微信小程序中使用 npm 安装依赖确保做好上述 微信小程序中使用 npm 安装依赖 准备后续的安装方式都是一样的npm install moment --save安装完以后同样需要进行构建微信开发者工具左上角:工具 — 构建npm (没有依赖时,点击构建是不会构建成功的,会提示没有可构建的项)构建的结果是:生成和 node_modules 同级目录的文件夹 miniprogram_npm构建成功提示:(报错内容忽略)构建成功后即可正常使用如在page.js中imp.原创 2021-09-23 16:37:55 · 1836 阅读 · 0 评论 -
微信小程序,ios不兼容 ‘2021-09-23’短横线连接的日期格式,Date.parse计算时结果为NaN
我在微信小程序中,有一个需求:根据活动持续时间 来 计算这个活动div的高度。模拟器上一切正常,真机安卓也正常,但是真机ios计算出来的高度一直是NaN然后一行一行打印,用真机调试查看打印结果,发现是 Date.parse(startTime) 这一行报错(此时startTime为 2021-09-23 00:00:00 这种格式)然后才发现ios不支持这种-连接的日期格式,要转换为/连接的形式所以,使用正则将- 替换为 /function (startTime) { sta原创 2021-09-23 15:07:19 · 283 阅读 · 0 评论 -
微信小程序使用van-tabs组件,ios真机z-index层级错乱问题【已解决,ios自定义组件层级不穿透】
一、这是模拟器上的效果二、这是苹果11真机上的效果(安卓真机正常)三、先来理一下代码的层级现状A 为van-tabsB 是自定义组件,为数据列表,C为单个数据D 也是自定义组件(图中省略)为单个数据详情弹窗,且D是B的子组件!在z-index层级上A是相对定位,B、C无定位,所以A>BD设置z-index 9999 但不生效四、理清楚之后,有一个大胆的猜想:B、D均为自定义组件,且D是B的子组件,会不会导致D的层级最高只能和B一样高?导致不能穿透B,所以被A组件盖住原创 2021-09-22 16:36:53 · 2966 阅读 · 1 评论 -
微信小程序,自定义组件使用vant-weapp时,css样式覆盖不生效【已解决】
自定义组件中,使用vant-weapp的 van-empty 时,修改默认样式不生效<van-empty description="暂无数据" /><van-button type="primary">主要按钮</van-button>.van-empty__image { width: 200rpx; height: 200rpx;}.van-button--primary { font-size: 28rpx; background-c原创 2021-09-22 15:27:26 · 2291 阅读 · 4 评论 -
getImageInfo:fail download image fail. reason: downloadFile:fail Error
getImageInfo:体验版小程序真机正常,在开发工具一直走进fail里开发工具中报错: getImageInfo:fail download image fail. reason: downloadFile:fail Error重启开发工具,解决了。。无语子!所以遇到诡异的问题,建议可以先【切换版本库、重启开发工具】试试~...原创 2021-09-22 15:09:14 · 2162 阅读 · 2 评论 -
微信小程序 执行 wx.reLaunch 后,点击事件失效【已解决,亲测有效】
在使用微信小程序中,有一个场景需要调用 wx.reLaunch到A页面wx.reLaunch({ url: '/pages/index/nologin/nologin',})但是 reLaunch 到A页面后,发现A页面的所有点击事件都没反应了解决办法,用延时器包裹起来:setTimeout(() => { wx.reLaunch({ url: '/pages/index/nologin/nologin', })}, 100)有用,亲测有效!!...原创 2021-09-22 14:59:26 · 1780 阅读 · 0 评论 -
微信小程序——组件生命周期
查看微信小程序官网内容,请点击 小程序官方组件生命周期一、组件生命周期组件生命周期是组件自身的一些函数:组件实例刚被创建好,执行created,此时还不能调用setData在组件完全初始化完毕、进入页面节点树后,执行attached,this.data 已被初始化,绝大多数初始化工作可以在这个时机进行(这个生命周期可以做一些异步请求、数据更新)在组件离开页面节点树后, detached 生命周期被触发。退出一个页面时,如果组件还在页面节点树中,则 detached 会被触发。具体的写法.原创 2021-09-18 18:40:11 · 15324 阅读 · 2 评论 -
微信小程序 wx.getUserProfile 使用示例 (替代wx.getUserInfo)
点击查看 wx.getUserProfile 和 wx.getUserInfo 的区别使用背景微信官方阉割了 wx.getUserInfo 接口,前端需要使用新的接口 wx.getUserProfile 替代由于 wx.getUserProfile 接口返回的加密数据中,不再包含 openId 和 unionId,因此后端只能通过前端 wx.login后 拿到的 code 去换取由于 wx.login 的时效性限制,code换取回 openId 和 unionId之后,若用户不调用 wx.getU原创 2021-08-30 18:59:50 · 5481 阅读 · 4 评论 -
wx.getUserProfile 和 wx.getUserInfo 的区别
2021年4月份,微信小程序官方宣布阉割 wx.getUserInfo 的权限,不再返回真实的用户信息主要的调整如下:不再推荐使用 wx.getUserInfo 或 <button open-type="getUserInfo"/>将不再弹出弹窗不可获取用户个人信息(头像、昵称、性别与地区),将直接获取 匿名数据(包括userInfo与encryptedData中的用户个人信息)获取加密后的 openID 与 unionID 数据的能力不做调整。新增 wx.getUserProf原创 2021-08-30 17:32:01 · 1264 阅读 · 0 评论 -
小程序中使用 MobX 绑定辅助库
点击前往小程序MobX的官方文档注:此 behavior 依赖开发者工具的 npm 构建。 什么是npm构建?安装 mobx-miniprogram 和 mobx-miniprogram--bindingsnpm install --save mobx-miniprogram mobx-miniprogram-bindings点击微信开发者工具左上角:工具 — npm 构建构建完成后,两个文件夹下 mobx-xxxxx 的4个包都已经就绪创建 MobX Store:新建store.js,原创 2021-05-27 19:31:07 · 1061 阅读 · 0 评论 -
微信小程序中使用 npm 安装依赖
点击前往小程序npm官方文档安装依赖的前提,需要生成一个package.json文件npm init 根据提示做一些设置,yes后即可生成。然后可以看到package.json已经生成了注:初始化后的package.json文件中不存在任何依赖,所以尝试执行 npm install 并不会有依赖安装成功安装需要的依赖我们尝试安装一个vant-ui试试点击前往vant-ui官方文档npm i @vant/weapp -S --production安装后出现了node_modu原创 2021-05-27 18:29:22 · 5465 阅读 · 0 评论 -
微信小程序长按保存图片
微信浏览器打开h5页面如果是img标签的话,长按会弹出保存图片的选项。但是微信小程序里面不可以,需要自己写这个功能。这个功能有两个点,一个是长按,一个是保存图片到本地。1. 微信小程序关于图片长按的解释,有两种:因此我们选用 bindlongpress 事件2. 微信小程序同样提供了保存图片的接口,是wx.saveImageToPhotosAlbum()3. 值得说的是,保存的接口,两个需要注意的地方:1、需要先授权,调用 wx.getSetting()方法2、保存的图片路径参数,不.原创 2021-03-05 19:18:06 · 4687 阅读 · 4 评论