微信小程序
文章平均质量分 50
abloume
这个作者很懒,什么都没留下…
展开
-
【微信小程序】两大线程与微信WXS
渲染界面的技术纯客户端原生渲染缺点:无法动态打包,动态下发。纯Web技术来渲染缺点:在一些复杂交互的页面上可能会面临一些性能问题。同时,在Web技术中,UI渲染跟JavaScript脚本执行都是在一个单线程中执行,容易导致抢占资源。客户端原生 + Web界面主要由成熟的Web技术来渲染,辅之以大量的接口提供丰富的客户端原生能力。同时,每个小程序页面都是用不同的WebView来渲染,更贴近原生体验,避免单个WebView任务过于繁重。脚本执行的环境由于JavaScript的灵活性和浏览器的原创 2022-01-09 15:39:23 · 1291 阅读 · 0 评论 -
【微信小程序】页面间通信
早期先来看早期(2017年)的一篇解决方案:微信小程序跨页面通信解决思路这里总结出两种方案:方案一:获取Page实例,然后setData更新数据的,跟业务的耦合性比较大。方案二:使用发布订阅模式,但这种多了以后,同样不容易进行后期的维护。现状基础库2.7.3(2019年)开始支持页面间通信。如果一个页面由另一个页面通过 wx.navigateTo 打开,这两个页面间将建立一条数据通道:被打开的页面可以通过 this.getOpenerEventChannel() 方法来获得一个 Event原创 2022-01-09 13:22:02 · 1244 阅读 · 0 评论 -
【微信小程序】检测版本是否更新
关于销毁当用户点击了右上角的胶囊按钮关闭小程序,或者滑动屏幕返回手机主页面(离开微信),这时候小程序并没有直接销毁,而是进入了后台。当再次进入微信或者再次打开小程序,又会从后台进入前台。只有当小程序进入后台一定时间(也就是时间过长),或者系统资源占用过高,才会被真正的销毁。冷启动 & 热启动冷启动:小程序首次打开或者销毁后再次被打开。热启动:是指从后台切换到前台,或者小程序在后台运行,重新打开小程序。下载更新小程序冷启动时如果发现有新版本,将会异步下载新版本的代码包,如果需要马上应用原创 2022-01-09 12:54:57 · 1523 阅读 · 0 评论 -
【微信小程序】自定义radio的默认样式和图标
注意:components使用radio原生组件修改样式无效代码片段:/*radio未选中时样式 */radio .wx-radio-input{ width: 44rpx; height: 44rpx; border: 2rpx solid #969696; box-sizing: border-box; margin-right: 18rpx;} /* 选中后的 背景样式 (红色背景 无边框 可根据UI需求自己修改) */radio .wx-radio-input.w原创 2021-03-14 10:41:46 · 1526 阅读 · 1 评论 -
【微信小程序】如何加空格?
排除:直接加 是没有效果的。直接按空格键是没有效果的。解决:给文字加上 decode="{{true}}" 属性之后再用 <text decode="{{true}}">医院 </text><text>科室</text>...原创 2021-03-14 10:28:51 · 914 阅读 · 0 评论 -
【微信小程序】wx.uploadFile不支持上传GIF动图
虽然 wx.chooseImage 选择图片时可以选择 .gif 格式的图片,但是当调用 wx.uploadFile 将其进行上传时,发现返回errorCode 200,对应的报错信息是 \u6587\u4ef6\u8def\u5f84\u4e0d\u80fd\u4e3a\u7a7a。将其转换为中文后为 “文件路径不能为空”。暂时没有想到什么办法可以解决…...原创 2020-05-22 16:29:56 · 827 阅读 · 0 评论 -
【微信小程序】底部操作菜单与拍照录像
这篇文章要解决三个问题:底部操作菜单自定义按钮“点按拍照,长按拍摄”调用朋友圈的API实现“点按拍照,长按拍摄”第一部分当点击“上传资料”按钮的时候,要从底部弹出操作菜单栏。<button type="primary" bindtap="openActionsheet">上传资料</button>Page({ data: {}, onLoad: function (options) {}, openActionsheet: function () {原创 2020-05-20 16:59:45 · 547 阅读 · 0 评论 -
【微信小程序】选择图片并上传时出现两个loading ?!
遇到这样一个业务场景,在小程序中 wx.chooseImage 选择图片后,调用 wx.uploadFile 上传图片到公司的一个数据库中,然后拿到对应的返回值后,再去请求一个接口,将所有图片一一进行绑定,等所有图片上传完毕后,最后请求一个接口进行总结汇报。我们希望的是当选择图片完成后,有一个loading加载中的效果,然后等所有图片上传完毕并一一绑定,且最后一个总结汇报的接口也请求完毕后,再隐藏loading弹窗,展示“上传完毕”。听起来很简单的一个事情,但是我却踩坑了。先看下大体的代码结原创 2020-05-20 15:35:12 · 1304 阅读 · 0 评论 -
【微信小程序】需要开发者自定义的双击事件
转载自:http://www.wxapp-union.com/portal.php?mod=view&amp;aid=1940双击事件 由两个单击事件组成,两次间隔时间小于300ms认为是双击;微信官方文档没有双击事件,需要开发者自己定义处理。 // wxml&lt;button data-time="{{lastTapTime}}" data-title="标题" bind...转载 2018-06-07 21:21:37 · 1476 阅读 · 1 评论 -
【微信小程序】如何阻止事件冒泡到父级的navigator url跳转
最近在做一个爬虫订阅项目时遇到一个问题: 当我点击switch按钮改变订阅状态时如何不触发父级的navigator的url跳转下图是爬虫项目部分截图 经过尝试传统的阻止事件冒泡未成功后终于找到了catchtap这个方法请看下图演示(因不方便所以随便打开一个小程序项目测试) 可以看到,catchcap绑定的那个方法我还没有写,如果你注意console控制台报错的话但是,如果...原创 2018-06-07 20:53:13 · 5973 阅读 · 0 评论 -
【微信小程序】通过wx.login获取用户唯一凭证openId
小程序的开发者密码(AppSecret)是一个非常重要的字段,使用该密码可以调用小程序的所有后台接口。请不要将该字段放置在微信小程序的前端代码中,因为微信手机客户端容易被反编译并轻松获得Appsecret,造成重大的安全威胁。开发者应将Appsecret保存到后台服务器中,通过服务器使用Appsecert获取Accesstoken。微信公众平台小程序后台的服务器地址设置也将禁止将“api.we...原创 2018-05-20 11:44:11 · 42925 阅读 · 1 评论 -
【微信小程序】如何引入外部字体样式
我引入的字体是 ionicons 字体 Download Zip后打开fonts文件夹,将对应字体的 ttf文件 上传至 https://transfonter.org/ 注意一定要选中 Base64 encode 的TTF格式,Convert 后下载转换后的压缩包,并将其中的 transfonter.org-20180404-162638/stylesheet.css 中的代码复制...原创 2018-04-05 14:58:11 · 25545 阅读 · 3 评论