微信小程序
supming1
这个作者很懒,什么都没留下…
展开
-
微信小程序wxs时间格式化
wxs许多语法和js不一样,调起来还挺麻烦,以下是常用的时间格式化,保存备用/** * 功能:将时间戳格式化为指定格式的字符串 * @param {Number} milliSec - 要转换的时间,单位:毫秒 * @param {String} [fmt] - 目标格式字符串 可选 默认为:'yyyy-MM-dd hh:mm:ss' * @returns {String} - 根据目标时间格式,将时间数值转换成的时间字符串 */ timeFormat: function (m原创 2021-07-22 15:10:42 · 1096 阅读 · 2 评论 -
微信小程序消息订阅选择不再询问后如何重新调起授权
真机上微信小程序wx.requestSubscribeMessage 在弹起授权弹窗之后,用户点击了 “总是保持以上选择,不再询问” 后。 之后不再会唤起授权弹窗,删除小程序仍然不行。但开发测试过程需要重新唤起授权的情况。网上查询资料之后,发现可以通过 开发者工具 =》清缓存 =》真机重新扫描预览,这样就能重新唤起了。参考资料:https://developers.weixin.qq.com/community/develop/doc/0006c63cb9c320261359835af51400...原创 2021-07-01 17:42:50 · 6634 阅读 · 0 评论 -
微信小程序插件与引用它的小程序样式冲突
下图是小程序插件,箭头样式名称和应用它的小程序的全局样式同名,导致样式冲突。这应该是算小程序的bug,没有将小程序插件样式和引用它的小程序的样式隔绝开来。原创 2021-06-23 18:41:27 · 711 阅读 · 0 评论 -
微信小程序兼容手机底部横条适配
padding-bottom:calc(10px + env(safe-area-inset-bottom)/2);原创 2021-05-28 18:20:16 · 4690 阅读 · 0 评论 -
微信小程序键盘遮挡问题决方案
从网上搜索到给input添加cursor-spacing属性可以解决,现在默认其实input框即使没添加这个属性,也不会被遮盖,不过input框下面如果有东西,就会被遮盖,这时候,就需要添加cursor-spacing来解决。参考:https://jingyan.baidu.com/article/2d5afd6902956c85a3e28e50.html...原创 2021-04-25 14:08:54 · 2426 阅读 · 0 评论 -
微信小程序页面间通讯
微信小程序页面通讯大多数情况下,我们会想到url传参、globalData、localStorage等方式,其实wx.navigateTo有一个events参数,给我们提供了页面间事件通讯方式传递数据,如果没有仔细看文档很容易就忽略了,这里记录一下,免得后续找不着。官方文档内容,知道的就不用看了。相关文档连接:https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.navigateTo.htmlwx.navigateTo({ ur原创 2021-02-22 10:29:11 · 241 阅读 · 0 评论 -
微信小程序如何实现局部下拉刷新上拉加载
微信小程序开发过程中,我们经常会遇到需要实现局部下拉刷新,上拉加载的功能。很多同学看到上拉刷新下拉加载,会很自然得想到配置页面配置文件"enablePullDownRefresh":true实现。但这个是页面整体级别的,局部的需要采用scroll-view来实现。具体配置代码如下。<scroll-view scroll-y style="height: 400px;" refresher-triggered = '{{isLoading}}' // 用这个控制下拉刷.原创 2021-02-20 18:11:28 · 2343 阅读 · 0 评论 -
微信小程序如何根据不同环境调用不同接口实现思路
通过wx.getAccountInfoSync().miniProgram.envVersion可获得小程序版本,此处文档的小程序版本不好理解,不过看文档中envVersion的值如下值 说明 最低版本 develop 开发版 trial 体验版 release 正式版 所以我们能通过该值判断环境,调用不同环境接口,不用每次发布时每次手动改,减少出错可能。...原创 2021-02-14 20:40:32 · 1466 阅读 · 0 评论 -
微信小程序template相对路径注意事项
微信小程序template里的相对路径,不是相对于模板本身的,而是以引用页面为标准,相对于应用页面的,相当于拷贝到引用的位置。这东西挺奇怪,一般没有什么问题,但如果是引入webpack进行开发,就会出现找不到路径文件问题。...原创 2021-02-05 12:23:59 · 357 阅读 · 0 评论 -
微信小程序nova 5i Pro textarea 限制最大长度bug
微信小程序经常会遇到这样的需求,显示一个输入框(用textarea实现),右下角显示:已输入字数 / 限制字数。限制最大输入长度一般用maxlength实现,已输入长度通过监听textarea的input事件,输入时通过e.detail.cursor获取已输入长度。这一般都没什么问题,最近发现nova 5i Pro上,虽然字数限制正常。但是如果用户是通过黏贴多个字进行输入的,e.detail.cursor的值有可能超出maxlength,其他手机传入的值不会maxlength。所以如果e.detail.c.原创 2021-02-02 17:35:49 · 529 阅读 · 1 评论 -
微信小程序 input 设置focus nova 5i Pro 手机上 setData 偶发性无法设置input value的情况
最近开发一个简单的小程序搜索页面,在input上设置 focus,发现在nova5iPro上,会导致偶发性setData不能将值设置到input上,onPullDownRefresh获取不到setData后的值得现象。微信版本 7.0.16.1700 WeChatLib版本:2.12.2(2020.8.31 15:27:57),好吧,我没找到解决方法,权衡之下把focus删了。...原创 2021-01-29 10:38:55 · 354 阅读 · 0 评论 -
微信小程序禁用分享
开发微信小程序过程中,很多同学可能是通过拷贝或者开发者工具的方式自动生成的页面,这些页面带有很多的生命周期,不少同学并没有删除这些生命周期,大部分情况下没什么问题,但分享相关的生命周期,如果不删除的话,右上角的胶囊按钮就会有分享功能,如果将相关生命周期删除,分享按钮为禁用状态。...原创 2021-01-27 10:55:00 · 2930 阅读 · 0 评论 -
解决微信小程序遮罩层下方内容滚动问题
在遮罩层添加下面代码,阻止冒泡capture-catch:touchmove="preventdefault"原创 2021-01-27 10:50:41 · 841 阅读 · 0 评论 -
微信小程序生成海报失败问题解决方法
很多业务需求需要获取到微信头像,然后用头像和二维码及其他背景图一起生成海报,进行分享。在部分机型会出现生成失败问题。以下是本人排除后发现产生问题的原因和解决方法。1、安卓机提示downloadFile:fail url not in domain list,那是由于我们一般只配置了自己的业务服务器到小程序管理后台,但头像地址的域名是http://wx.qlogon.cn,没有配置,导致下载头像失败。2、ios提示getImageInfo:fail image not found,这个查了网上的资料,原创 2021-01-04 19:39:02 · 5130 阅读 · 1 评论 -
微信小程序tabBar无法传参问题解决方法
微信小程序底部tabBar一般通过wx.switchTab进行跳转,但该api无法传参,如何解决传参问题?网上查了一下,一般都是通过app.globalData全局变量进行传参的,但这种方法在需要配置公众号菜单跳转到微信小程序且需要带参的情况下的情况,显得不是那么方便。其实还有另一种方法,就是通过wx.reLaunch进行跳转,它也可以跳转到tabBar,且可以传参,当然注意它会关闭其他页面。个人认为wx.reLaunch是比较好的处理方式。...原创 2020-12-31 14:56:09 · 1028 阅读 · 0 评论 -
小程序优化
面试时,如果是小程序相关的,比较大的概率会问怎么优化小程序?最近重新看一遍官网,结合网上其他人的总结,记录一下资料作为参考:1、网上写得不错的文章https://developers.weixin.qq.com/community/develop/article/doc/000008b94c41387644dadb61a58413https://www.jianshu.com/p/d4fb22509eb92、有频繁用户交互的效果在小程序上,采用wxs减少通信的次数https://deve原创 2020-12-23 15:44:03 · 162 阅读 · 0 评论