随笔分类 -  小程序

Hbuilderx编译正常但无法打开微信开发者工具
摘要：上篇博客 https://www.cnblogs.com/sunshine233/p/19027220 测试了vue版本和node.js、vue脚手架之间的关系。为了测试，我把电脑上的Node.js版本换成了 v16.20.2 ，测试结果是： 经过测试，Node.js 16.20.2 可以运行vue 阅读全文
posted @ 2025-08-11 17:02 sunshine233 阅读(509) 评论(0) 推荐(0)
微信小程序快速筛选出对象数组中的某个属性值
摘要：需求 微信小程序中的某个网络请求会获取到一个数组，数组的每个元素都是对象，对象中有 iconUrl 属性。现在要获取这个数组中的所有iconUrl值。 小程序运行到微信开发者工具，控制台打印数据为： 分析 因为数据较多，而且 this.scrollList 是对象组成的数组，所以数据没有直接展示出来 阅读全文
posted @ 2025-06-27 15:51 sunshine233 阅读(78) 评论(0) 推荐(0)
uniapp使用map显示多条polyline
摘要：参考链接： https://developers.weixin.qq.com/miniprogram/dev/component/map.html 微信开放社区问答 基础知识： 坐标系 wgs-84:地球坐标系（国际通用） gps gcj02:火星坐标系（wgs84加密）国内必须用加密后的坐标 bd 阅读全文
posted @ 2025-03-10 11:57 sunshine233 阅读(445) 评论(0) 推荐(0)
uniapp使用scroll-view嵌套时不触发滚动事件
摘要：参考链接： 微信文档：https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html uniapp文档： https://uniapp.dcloud.net.cn/component/scroll-view.ht 阅读全文
posted @ 2025-03-10 11:25 sunshine233 阅读(450) 评论(0) 推荐(0)
uniapp + 微信小程序：新版canvas常用api及注意事项
摘要：关于新旧canvas的比较我以前写过一篇博客 ：https://www.cnblogs.com/sunshine233/p/17014701.html ，这里就不重复了。 但在正文开始之前，我不得不再说一遍微信的文档写的真垃圾。很多问题的答案都是在微信开发者社区里找到的。 一、新版canvas 基础 阅读全文
posted @ 2025-02-24 16:52 sunshine233 阅读(1245) 评论(0) 推荐(0)
uni-forms 和 uni-data-select 嵌套使用并校验
摘要：原来的方法步骤太繁琐，已经更新！ 使用 uni-forms-item 和 uni-data-select 嵌套时，首先要注意： :name=[ ] 属性必须使用动态绑定，而且数组中的字符串必须和 v-model 的属性完全相同，如 :name="[index, 'value']" v-model=" 阅读全文
posted @ 2024-03-11 11:25 sunshine233 阅读(2124) 评论(0) 推荐(0)
uni-forms的使用-1.4.10版本：基础使用和用v-for和动态绑定展示数据
摘要：【注意版本】 uni-forms 1.4.0 版本以后，很多用法和原来不一样。我使用的版本是 1.4.10 。 导入组件后： 使用<uni-forms>包裹<uni-forms-item>，<uni-forms-item>包裹其她组件，如 uni-easyinput、uni-data-select  阅读全文
posted @ 2024-03-06 13:23 sunshine233 阅读(2881) 评论(0) 推荐(1)
uniapp 中 this.$refs 无法获取组件
摘要：先排除这些原因： https://segmentfault.com/q/1010000043755258 https://ask.dcloud.net.cn/question/71788 https://www.cnblogs.com/e0yu/p/16135985.html https://blo 阅读全文
posted @ 2024-03-04 09:00 sunshine233 阅读(3576) 评论(0) 推荐(0)
微信小程序 mqtt 连接中断原因
摘要：上周开发微信小程序时新加了一个页面，复用了以前页面的逻辑，但是今天发现新加的页面出现了很奇怪的问题： 进入新页面后，点一下查询再退出页面，mqtt连接正常； 进入新页面后，直接返回退出页面，mqtt连接中断。 WebSocket connection to "wss://www.xxxx.com/m 阅读全文
posted @ 2023-10-23 10:37 sunshine233 阅读(646) 评论(0) 推荐(0)
uniapp 微信小程序使用新旧版本 canvas 对比、消除锯齿、处理重绘
摘要：微信小程序使用canvas时，分为旧版和新版。https://developers.weixin.qq.com/miniprogram/dev/component/canvas.html 旧版：不支持同层渲染，使用canvas的图层总在最上层。模拟器可能表现正常，但真机的canvas图层一定在最上层 阅读全文
posted @ 2022-12-30 15:00 sunshine233 阅读(3893) 评论(1) 推荐(0)
uniapp 使用 uni.createAnimation 旋转动画模拟抽奖
摘要：效果图如下： 用到的图片如下： wheel.png point.png api文档：https://uniapp.dcloud.net.cn/api/ui/animation.html#createanimation 代码如下： <template> <view> <view class="box" 阅读全文
posted @ 2022-12-23 09:26 sunshine233 阅读(989) 评论(0) 推荐(0)
uniapp中mqtt的基本使用
摘要：参考文档： [1] https://www.hivemq.com/blog/mqtt-client-library-mqtt-js/ [2] https://www.tabnine.com/code/javascript/functions/mqtt/MqttClient/on [3] https: 阅读全文
posted @ 2021-09-26 18:30 sunshine233 阅读(2377) 评论(0) 推荐(0)
uniapp中vuex的基本使用
摘要：1. 创建一个uniapp项目 2. 在项目目录下用npm安装 vuex npm install vuex --save 3. 在项目根目录下创建 store文件夹，在store文件夹中创建 index.js 4. 在index.js中显式地通过 Vue.use() 来安装 Vuex： import 阅读全文
posted @ 2021-09-26 18:01 sunshine233 阅读(1731) 评论(0) 推荐(0)
uniapp如何在当前页面获取上个页面的变量、方法
摘要：getCurrentPages() getCurrentPages() 函数用于获取当前页面栈的实例，以数组形式按栈的顺序给出，第一个元素为首页，最后一个元素为当前页面。 注意： getCurrentPages()仅用于展示页面栈的情况，请勿修改页面栈，以免造成页面状态错误。 如：页面点击路径为 “ 阅读全文
posted @ 2021-09-13 09:14 sunshine233 阅读(1801) 评论(0) 推荐(0)
“微信小程序从分享卡片进入，第一次获取不到用户uid、第二次能获取到用户uid”解决方法
摘要：用uniapp开发微信小程序时，有一个需求是分享罐表详情页面给其它用户，其它用户（在已经登录的状态下）点击分享卡片可以直接跳转到该罐表详情页，且能显示自己是否已经收藏该罐表（收藏状态由用户uid和罐表id共同确定）。 基本思路是用 微信原生的 onShareAppMessage(OBJECT) 实现 阅读全文
posted @ 2021-09-03 14:21 sunshine233 阅读(1916) 评论(0) 推荐(0)