上善若水-架构师编程乐园

微信小程序自适配DarkMode主要是app.js里面配置。{"pages":["index/index"],"darkmode": true,"themeLocation": "theme.json","window": {"backgroundTextStyle": "@backgroundTextStyle","navigationBarBackgroundColor": "@navBackgroundColor","navigationBarTitleTe

大家可能见过不少的微信小程序的tabBar是不规则的，而是某个button杀死凸起的圆球状态的，比如天下网吧微信小程序的tabBar就是这样的：这个tabBar中间的就是一个圆形「凸起」的button。当然还有更多的小程序他们的tabBar更酷炫，有很多不错的动画效果。那么如何实现这样的不规则tabBar呢？答案是得用自定义tabBar咱们今天以天下网吧的自定义tabBar组件源码（源码在文章最底部有下载链接）为例，希望能抛砖引玉让大家分享自己的不错的自定义tabbar组件：...

体验不错的验证码输入框使用效果动图如下：.w

darkmode就是深色主题，也称为黑色主题。这个是系统级别的主题，2020年的时候微信开始支持darkmode，随后微信小程序也开始适配了darkmode，在深色主题模式下，微信小程序会自动根据当前主题要做对应的样式适配。这样能给用户最好的体验。简单来讲实现的效果就是如下的动图（点击图片查看动图）：微信小程序的深色/浅色自动适配需要做的工作：1、app.json里面添加darkmode的支持配置相关配置代码如下："darkmode": true, "themeLocation": "...

随着wx.getUserProfile上线日期的临近，相信很多老铁都在加班修改wx.getUserProfile逻辑吧。为了让老铁们在开发，调试，编码wx.getUserProfile过程中少踩些坑，特分享一些个人碰到的坑，记录如下，希望能抛砖引玉让更多大佬分享自己的一些经验：一、开发调试wx.getUserProfile的环境1、基础库要求： 2.10.4以及以上2、正式环境要求：微信iOS，Android最新版APP上的小程序体验版，正式版都已经支持wx.getUserProfile，具体见下

1. 问题提出最近在微信小程序开发群里碰到不少哥们碰到这个问题：微信小程序提示「不支持打开非业务域名」的问题，现象如下图：But，这里必须有个But，但是很多人都说自己已经在小程序的MP后台配置了业务域名，如下图：2. 问题分析咱们自己看下提示信息：注意看是提示的域名是http://xxxx.xxx.com这种格式，而后台配置的是https诉主也明确表示，他web-view里的src就是用https://xxxx.xxx.com的访问方式的，所以不应该出现http域名的提

1. 写在前面微信小程序下架了模板消息功能，取而代之的是订阅消息功能。这个订阅消息目前又分为「一次性订阅」和「永久订阅」。使用订阅消息也有一段时间了，感觉对新手订阅消息很容易让新开发者进入一个理解的误区，这里觉得有必要说出来2. 理解误区很多新手认为，只要用户勾选了小程序端订阅消息弹出时底部的「总是保持以上选择…」后，就可以「为所欲为」的不限次数的推送订阅消息给用户了。如下图：3. 正确理解如果你使用的「一次性订阅」模板（目前发现绝大多数开发者都是只能用一次性的，因为.

最近，微信小程序又又又调整了一些高频接口的逻辑其中受赞最多的应该是「通过wx.login接口获取的登录凭证可直接换取unionID」调整前后的对比如下：调整前获取unionId的需要满足的条件：如果开发者帐号下存在同主体的公众号，并且该用户已经关注了该公众号如果开发者帐号下存在同主体的公众号或移动应用，并且该用户已经授权登录过该公众号或移动应用调整后获取unionId的需要满足的条件：2月23日后，开发者调用wx.login获取的登录凭证可以直接换取unionID，无需满足以上条件。

微信小程序的语音输入，语音转文字功能在很多场景要使用到比如搜索框，搜索关键字的时候用语音输入比用文字方便多了再比如再天下网吧小程序里发帖，发布回复时，用语音输入比输入文字也方便不少那么如何实现语音输入，小程序语音转文字功能呢？实际使用的效果：一起来看看教程：1、引入官方的「微信同声传译」插件。引入方法只需在app.json加入插件代码："plugins": { "WechatSI": { "version": "0.3.4", "provide...