摘要：之前一直沿用同事写的媒体查询处理这个问题，所有固定在底部展示的按钮栏都要用媒体查询来定义距离底部的距离，着实不太方便，而且媒体查询比较有局限性，不太可能把市面上所有机型都适配一遍。 刚好要处理折叠屏适配问题，重构了一个复杂页面的布局，就找到了使用safe-area-inset-*来适配iPhoneX
阅读全文
摘要：前言——微信小程序菜单栏的一些思考： 对于底部菜单，常用的有两种方法： 1. 默认菜单：优势是不用自己调机型适配，尤其是ios系统底部保留安全区域，缺点是无法更大布局样式，不太灵活； 2. 自定义组件：优势是可以自由的发挥，想要什么样的展示自己去写样式，缺点是需要自己适配机型； 当然，如果只是适配机
阅读全文
摘要：如上，切换自定义菜单栏，tab会出现点击状态，设置hover-class="none"无效。 其实这个问题其实很简单，简单到都想不到，看下出现点击态的组件样式，大概率应该是有设置 cursor: pointer; ，删除掉就好了，问题解决。 来看下cursor: pointer;其实这个通常是使用在
阅读全文
摘要：1. 小程序用户信息授权描述不明确或空白，请清晰补充描述用户信息授权目的及信息收集场景，再提交代码审核。 出现这个那大概率就是有获取用户授权登录，但是没有用户协议类的描述内容了，添加用户协议即可，如下： 2. 小程序帐号登录功能暂未符合规范要求，请在用户了解体验小程序功能后，再要求用户进行帐号登录。
阅读全文
摘要：写在前面 如果你想要自主开发，但没有云开发相关经验，看官方文档仍旧无法从浏览器环境h5页面调起小程序，那么可以来学习下本教程。 可以看下本文发表时间，所贴示例代码均为实际demo代码，能成功调起小程序的。 不太方便录制视频，这里就以图文形式全流程介绍如何实现微信外环境静态h5跳转小程序。 一.先贴下
阅读全文
摘要：前言： 关于微信小程序全局分享控制的事项，可以参考：微信小程序全局分享转发控制实现——从此无需页面单独配置。 关于支付宝小程序官方提供的的全局分享，相见官方文档页面事件处理函数onShareAppMessage(options: Object)。 支付宝小程序中转发分享有以下特点： 默认开启，页面无
阅读全文
摘要：关于支付宝全局自定义分享控制详见：支付宝小程序的携带参数全局分享实现。 为什么要写这篇文章？ 微信小程序没有全局分享配置，页面开启分享功能必须要在页面中定义分享事件函数 onShareAppMessage 才可以。如果项目中对页面分享的需求比较复杂点，那么默认的自定义分享会很麻烦的，而且还不一定能满
阅读全文
摘要：前言： 有些时候需要再小程序中分享一些动态生成的图片，比如页面截屏、商品卡片，虚拟卡券等等。但是小程序都没有开放页面截屏接口的，最多也就是提供设备截屏事件监测的API。所以，基于目前的情况，小程序对页面进行截屏，本身就是个伪命题，能做的只有用现有技术去模拟了。 要解决这个问题，目前除了canvas画
阅读全文
摘要：微信小程序默认是没有全局分享配置的，结合隐式页面函数、隐式路由可以实现在app.js中可以兑所有页面进行自定义分享配置，而无需再去页面进行开启、配置。无论是页面需要使用全局分享，还是使用小程序默认分享，亦或是进行特殊的分享配置，都可以在app.js中进行配置。
阅读全文
摘要：官方推荐用法 条形码插件单独调用 多个条形码生成实例 组件封装 注意事项 前言： 适用于小程序的条形码插件不多，目前只找到这一个能用的，工期限制，暂时就先用这一个了。 在使用插件的过程中也发现了不少问题，也做了一些改进，这里就做下总结，希望能给其它遇到下面问题的小伙伴有所帮助。 插件地址： wxba
阅读全文
摘要：把微信小程序转换成支付宝小程序工具，降低开发者转换成本
阅读全文
摘要：1. ios系统兼input输入框光标问题 异常现象：苹果手机文本输入框样式异常——光标聚焦到文本框，光标高度充满文本框，输入内容，光标高度为文本框上边框到输入内容底部： 光标聚焦： 输入内容： 异常原因：使用line-height样式导致，在ios系统中渲染跟安卓手机不一致。 解决方法：input
阅读全文
摘要：微信小程序生成二维码的插件,基于base64编码输出二维码，不依赖canvas。这里采用组件封装的方式，方便支持页面生成多个二维码，并添加了长按保持到手机相册。
阅读全文
摘要：异常描述： 如下图，输入手机号码之后，点击右侧的获取验证码，在开发工具是OK的，真机测试无反应： 页面编码跟H5差不多的，H5没出现这个问题，但是小程序就不一样了。 异常分析： 页面结构层面，为了方便样式排版，手机号码输入框跟验证码输入框是一样宽的，获取验证码的层以绝对定位的方式固定在手机号码输入框
阅读全文
摘要：前言： 目前小程序项目需要后端借口提供验证码图片，后端是以base64位返回的，按照H5的做法，前边拼上 data:image/png;base64, 应该就可以了，关键代码如下： H5: 如此，显示正常，没有做任何特殊处理。 小程序： 当然也可以直接在js中把base64位的格式头拼接在数据的前边
阅读全文
摘要：复选框： 闲话少说，这里直接介绍如何修改小程序提供的复选框的样式，如原生的是这样的： 需要的是这样的： 示例代码： 注：复选框选中后内部样式部分，最后两行样式一定要有，不然复选框选中后内部的圆点会不居中（而且不太好调），具体的就不细说了，有兴趣的可以试试： 如上，还是跟我们修改html原生标签样式是
阅读全文
摘要：开发工具中下拉之后页面回弹有一定的延迟，这个时间也有点久。真机测试，下拉后连回弹都没有，这个问题要解决，就得在下拉函数里加上停止下拉刷新的API，如下：
阅读全文
摘要：业务需求： 业务需求是给订单列表添加分页功能，也就是上拉加载这种每次只请求加载固定数量的数据。 需求分析： 对业务来说就是简单的分页上拉加载，但是对于技术实现来说，除了要处理分页数据的累加加载，还要处理操作订单返回列表后需要更新列表数据以同步订单最新状态，其中的难点在于后者。 当然你可以直接重新初始
阅读全文
摘要：对于一些涉及后端接口请求的单击事件，不论后端是否做了请求限制，前端还是有必要进行点击防重处理的。 这样既能减少对服务器端的压力，也能有效防止因重复请求而造成一些不可预期的异常。 尤其是接口请求结果处理的逻辑中有需要调用小程序api，如获取手机号码授权、支付、领取卡券这些API。 虽然这些API都能调
阅读全文
摘要：微信小程序官方是没有提供退出的API的，但是在navigator这个组件中，是有退出这个功能的： 详情参考官方文档：navigator。 示例代码： 不过这个功能最低支持版本时 2.1.0 ，如果一定要使用这个功能，那么最好在小程序管理后台中设置最低基础库版本不低于2.1.0，如果对小程序支持的最低
阅读全文
