solocao的专栏

需求，在页面中，有时需要获取渲染组件的长宽信息，可以使用。

命令行创建 Vue3/Vite 工程。本质是到git仓库下载代码。

通过triggerEvent实现1、小程序原生子组件 methods: { markertap () { console.log('子组件内部点击') this.triggerEvent('markertap') }}2、mpvue父组件<marker-map id="marker-map" @markertap="makertap">&lt...

我是将map封装成了子组件进行使用，发现wx.createMapContext无论如何都没有效果。最后，定睛一看，原来将map放到子组件中，再使用wx.createMapContext需要增加额外的参数this具体使用方法如下： const mapCtx = wx.createMapContext('map', this); mapCtx.includePoints({ paddin...

created 组件实例化，但节点树还未导入，因此这时不能用setDataattached 节点树完成，可以用setData渲染节点，但无法操作节点ready (不是onReady) 组件布局完成，这时可以获取节点信息，也可以操作节点moved组件实例被移动到树的另一个位置detached组件实例从节点树中移除...

使用wx.authorize遇到的一个小问题，解决办法就是在app.json中增加permission字段。官方地址：https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html...

我们一般用wx.chooseVideo拍摄视频或从手机相册中选视频，然后上传到后台存储空间。但是给用户显示视频列表的时候，需要视频封面额。阿里oss地址：https://help.aliyun.com/document_detail/64555.html?spm=5176.11065259.1996646101.searchclickresult.4d6a5fd8PwJyBq其实只需要在视...

微信开发过程中，突然遇到一个奇怪的问题：解决办法：找到开发工具中 “工具 - 设置 - 代理设置”，选择即可不使用任何代理。

需求：在小程序首页需要显示用户所在城市。解决方案：使用wx.getLocation获取经纬度坐标，再使用微信小程序JavaScript SDK的地址逆解析方法reverseGeocoder，就可以完美搞定。微信小程序JavaScript SDK官方地址 https://lbs.qq.com/qqmap_wx_jssdk/index.html我的实现：1、首先申请腾讯地图密钥key2、安...

今天做微信公众号模版消息推送，要求点击模版消息，就直接跳转到小程序里面。当然，我已经按照官方文档，填写了正确的小程序appid，可是还是报错。{ errcode: 40013, errmsg: 'invalid appid hint: [cC6RwA09011295]' }最后，找了一会儿原因，我发现了问题所在：公众号需要和小程序关联，才可以进行跳转，不然即使写了跳转参数，也直接会报错 ...

单页面的微信小程序在ios手机上，会出现能左右滑动一定距离的问题。解决办法就两行代码：设置外层元素的css为width:100%;overflow-x:hidden;

在使用微信官方WXBizDataCrypt.js解密encryptedData获取敏感数据的时候，偶尔会报错。DeprecationWarning: Buffer() is deprecated due to security and usability issues. Please use the Buffer.alloc(),Buffer.allocUnsafe(), or Buffer....

在小程序给官方button增加自定义样式的时候，需要注意隐藏button的border。我用的less，加上一行代码就可以解决。&:after { border: none;}例如下图自定义样式的代码是.login-btn { background: #ecb810; color: #2e2f2e; display: flex; align-items:...

首先微信小程序不能不能随便打开一个网址就能进行访问。必须要配置业务域名。但是，如果小程序和微信公众号进行了关联，则直接可以打开这个公众号到文章。我已经测试过了。肯定好用。还有一种方案，打开别人公众号的文章，你在自己服务器上，爬别人的文章，通过自己的服务器返回，就OK。...

首先明确，获取小程序的unionid需要在后台实现。下面开始详细介绍步骤。1、首先要获得encryptedData，一种是通过授权函数，一种通过授权按钮官方文档 https://developers.weixin.qq.com/miniprogram/dev/api/wx.getUserInfo.html?search-key=wx.getUserInfowx.getUserInfo(O...

一般右上角的圈圈就可以退出，但是有些场景，需要在页面中点击一下，进行退出。需要使用navigator实现。官方文档：https://developers.weixin.qq.com/miniprogram/dev/component/navigator.html代码如下，可以自己设置退出小程序的样式<navigator class="close" target="miniProgra...

其实大家的写法估计都是如下： ::-webkit-scrollbar { width: 0; height: 0; color: transparent; }我在安卓手机上测试过，目前没有问题。

之前的版本使用现在直接使用CanvasContext.font即可例如this.ctx2.font = 'normal bold 40px sans-serif';

本来想用css3来实现，发现轮廓边上残影严重，所以直接用小程序的canvas使用来。最终效果如下：我的整页代码如下，里面已经写来备注来。<template> <div class="statistic"> <canvas canvas-id="runCanvas" id="runCanvas" class='canvas'> <...

获取用户信息主要有两种方式1、直接使用wx.getUserInfo获取一些基础信息。在userInfo字段中，存在基础信息，比如下图：2、在正常使用中，我们是需要获取openid的。需要用到wx.login方法。调用微信小程序中的API接口获取codewx.login({ success: function(res) { console.log(res.code)//这...

小程序登录文档地址0、下面的时序图必须要掌握。1、