微信小程序

2020-10-10 · 阅读 3947 · 字数 371

最近发现自己非常喜欢微信视频号里的钢琴相关视频，再就是在陪闺女玩钢琴玩具时，记住了一个简单的乐谱，来回演奏还挺有乐趣。于是，我就动手写了一个儿歌简谱微信小程序。 我的需求 最简单的儿歌乐谱，可以作为琴谱之用。更专业一点称为简谱。 现阶段，我主要是想陪闺女一块记忆，所以琴谱越简单越好。太复杂了，类似朗朗发疯那种并不是适合我们。。。 节奏明快简单，越短越好 最好还配有简单可方便改编的歌词。因为我和闺女都喜欢即兴改词 什么是简谱 简谱要晚于五线谱出现，从名字上看就能猜出大概。简谱是五线谱的简化版。即用 1 ~ 7 来代替小蝌蚪。 我在 youtube 上找了几个简谱介绍视频看了一下，复杂度还是超 ...

阅读全文...

2020-10-09 · 阅读 4339 · 字数 418

由于微信小程序线上版本和体验版本是共享的一套 storage，所以会造成登录 token 冲突的问题。参考： https://developers.weixin.qq.com/community/develop/doc/000ce0d9504b0002425793d745b000 引发的问题就是，用了一会体验版本，微信里缓存的就是体验环境的 token；但是一旦切换线上版本，实际上使用的还是缓存的体验环境的 token，就会导致 API 接口调用失败，而程序里会误认为是 token 失效，自动跳转 login 界面。 这并不是问题。 但，如果同时两个接口报了 token 失效，就会跳两次 lo ...

阅读全文...

2023-06-15 · 阅读 9523 · 字数 219

比较诡异的一个问题，微信小程序的一个界面，在 iphone 上会左右滑动。即，下拉时，会不经意触发界面左右移动。但是 android 无此问题。 网上查了一下，普遍给出的解释是，界面有部分的宽度超出了屏幕范围，所以导致全屏可以左右移动。这个分析有道理。 排查方法 整体注释，逐段开放出来，测试。以达到逐一排查的目的。 出问题的 view .post_card { width:750rpx; background:rgba(255,255,255,1); margin: 0 auto; padding: 10rpx 5rpx; box-sizing: border-box; marg ...

阅读全文...

2020-09-30 · 阅读 3089 · 字数 46

用 width height 无效。可以使用 scale： <switch checked="{{defaultChecked}}" bindchange="defaultChange" color="#45DB5E" style="transform:scale(0.7);"/> transform:scale 的单位是什么 https://developer.mozilla.org/zh-CN/docs/Web/CSS/transform-function/scale 为啥 ...

阅读全文...

2020-09-30 · 阅读 2425 · 字数 82

bindtap 会向上冒泡 catchtap 不会向上冒泡 所以，当需要在一个大区域中设置一个独立的小按钮触发独立逻辑，应该使用 catchtap。 例如，商品列表中的立即购买按钮，而不应该跳转至商品详情。 参考： https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/event.html ...

阅读全文...

2020-09-29 · 阅读 2161 · 字数 139

优先微信小程序，然后抖音。因为微信小程序更方便分享和转发。 技术选型 https://uniapp.dcloud.io/ ·## 内置功能 库存管理。同时支持小程序内管理和电脑网页后台管理。 CRM 客户管理系统，因为会设计到询盘信息提交、保存、跟进 生成朋友圈产品/服务分享图片 图片存储 七牛云 CDN，10G 免费存储空间 运营管理 能方便的后台多开账户，方便演示 ...

阅读全文...

2021-11-29 · 阅读 8021 · 字数 471

今天提交微信小程序审核时，显示版本审核未通过。拒绝理由是： 你好，你的小程序涉及提供用户自行生成内容的发布/分享/交流服务，请补充选择：社交-社区/论坛类目。 社交-社区/论坛类目需要什么资质 按照官方给出的引导文档： https://developers.weixin.qq.com/community/develop/doc/000a46b64e00a8aaa8a95bf3456809 可以看到，“非经营性互联网信息服务备案核准” 是社交-社区/论坛类目所需资质。毕竟我们不是政府主体。 非经营性互联网信息服务备案核准 参考 https://developers.weixin.qq.co ...

阅读全文...

2020-09-23 · 阅读 3629 · 字数 217

问题现象 苹果 iOS 系统下，微信小程序中使用 new Date 解析的日期时间数据返回 Date: null。但是在 android 系统下一切正常。 网上查了一下，需要将日期中的横杠替换为斜杠。 let t = "2020-09-22 11:56" let date = new Date(t.replace(/-/g, '/')); 如此，iOS 上就显示正常了。 WXS 没有此问题 这个问题非常诡异，因为我解析日期时间功能实际上用了很久，从来没有出现个问题。但是为何今天才出现。我检查了一下发现，之前的日期时间解析都在 WXS 脚本中进行的，使用是微信封装的 get ...

阅读全文...

2020-09-12 · 阅读 3751 · 字数 653

在微信小程序中使用 canvas 绘制了一个弧形进度条。 问题现象 首次绘制时，一切正常 再次进入页面，onshow 时再次绘制，会出现右下角出现一段奇怪的曲线 但是，这个问题只在真机上能够出现，在本地开发工具上一切正常。 问题定位 这个问题困扰了我几天，一直没有找到问题出在哪里。我一度怀疑是微信小程序的 canvas 2d 有 bug 导致。但是即便使用原始的非 2d 版本实现，问题依旧。 同时，在网上查到的代码 demo，都没有提交类似的 bug。所以，问题很大概率还是出在我自己的代码这里。 我仔细观察了一下，这个诡异的右下角图形，非常像是放大版的弧形曲线的一部分。于是，我怀疑二次绘 ...

阅读全文...

2020-09-08 · 阅读 5690 · 字数 102

从蓝湖上复制的 font-weight: 400 字体样式，非常奇怪，在 iOS 上显示正常，但是 android 上毫无效果。 但是改成 font-weigth: bold 就能看出效果了，可是有点过粗了。。。 在官方论坛上找到了解释： https://developers.weixin.qq.com/community/develop/doc/000686a28a00a05646d71125251000 原来是 android 上没有对应字体的粗体。 这么看苹果贵真是有贵的道理。 ...

阅读全文...

2020-09-07 · 阅读 3217 · 字数 134

例如，小程序底部 tabbar 的几个主页面。如果来回切换时，都在 onShow 中进行了 http api 请求，每次都弹出等待中的转圈效果，会显得界面很卡。 不如，将这些 onShow 的中的请求设置不出现加载动画。 对微信小程序 wx.request 的封装优化 增加一个 showLoading 的参数，默认显示加载提示，当设置为 false 时，不显示。 if (showLoading) { wx.showLoading({title:'请求中...'}); } if (showLoading) { wx.hideLoading(); } ...

阅读全文...

2020-09-05 · 阅读 4224 · 字数 151

在真机调试微信小程序时，发现一部华为手机每隔几秒钟就转圈一次。 说明触发了 onShow 中的 http 请求，打卡 vConsole 查看，可以看到，不断在循环重复： page onshow have been invoked app onHide have been invoked app onShow have been invoked page onShow have been invoked 但是在其他手机，包括其他华为手机上也没有出现这个问题。 只能猜测是这部手机进行了 Root 并安装远程控制软件导致的问题。 即便打开其他小程序或者 app，也是每隔几秒钟就刷新一次界面。 ...

阅读全文...

2023-06-15 · 阅读 16000 · 字数 374

能否点击一次弹出两个授权窗口 官方说不能。 但是论坛里看到说，可以试试 button 里嵌 button。测试一下： 测试了一下，嵌套 button 行不通。无论谁嵌套谁，都只能弹出手机那个授权窗口。 连续点击两次，弹出两个授权窗口 如果只能采用点击两次的策略，可以加个 wx if 判断，当点击完一个按钮后，显示另一个授权按钮。 但是体验非常不好。 相对好的体验 我看一个小程序做的就比较巧妙。 点击微信登录，授权获取手机号。 然后，弹出用户协议，点击同意，获取用户头像和昵称等信息。 实际上，第一步已经完成了注册，第二步只是来补充信息。 如何做才能体验更好 我觉得获取用户头像和昵称，并非刚需 ...

阅读全文...

2023-06-15 · 阅读 11912 · 字数 750

在使用微信小程序的 canvas demo 代码绘制了一个矩形之后，发现小程序开发工具的 console 中有警告提示： canvas 2d 接口支持同层渲染且性能更佳，建议切换使用。详见文档： https://developers.weixin.qq.com/miniprogram/dev/component/canvas.html#Canvas-2D-%E7%A4%BA%E4%BE%8B%E4%BB%A3%E7%A0%81 文档里说，基础库 2.9.0 起支持一套新 Canvas 2D 接口（需指定 type 属性），同时支持同层渲染，原有接口不再维护。 是否有必要使用 canvas ...

阅读全文...

2020-08-29 · 阅读 4621 · 字数 293

按照微信小程序文档中的 canvas 使用 demo： https://developers.weixin.qq.com/miniprogram/dev/component/canvas.html 写了个 hello world 测试： 模板文件 <canvas style="width: 300px; height: 200px;" canvas-id="demo"></canvas> JS 文件 onReady 中执行： var context = wx.createCanvasContext('demo') contex ...

阅读全文...