
【小程序与公众号】
文章平均质量分 93
小程序
@Umbrella
纸上得来终觉浅,绝知此事要躬行
展开
-
惊~只需要这样配置就可以让小程序使用Prettier格式化,还支持wxml等文件
小伙子做梦都没想到,原来这样配置就可以让小程序使用Prettier格式化原创 2022-03-21 15:25:57 · 10853 阅读 · 8 评论 -
微信小程序实现点击订阅消息在特定的时间点发送
前言首先这个下发订阅消息,是可以后端处理的;因此关于后端的操作,我就不讲了,后端定时触发这个下发操作可以通过定时器执行(后端处理相对简单灵活)。但这里我们主要说云函数如何实现这个定操实现「小程序·云开发」不仅支持通过云调用免 access_token 发送订阅消息,而且支持在 定时触发器 中实现云调用,因此我们可以使用这个切入口来实现我们得定时触发需求~前置工作先写好授权订阅操作相关代码(有关授权操作细节可以看 微信小程序订阅消息及遇到的种种坑解决方法(全))myCourse.wxml在原创 2021-04-13 15:19:47 · 4295 阅读 · 5 评论 -
微信小程序订阅消息及遇到的种种坑解决方法(全)
前言微信小程序「订阅消息」能力,来了!搜集分享使用订阅消息的流程方法以及各种奇葩问题统一整理,欢迎讨论~与「模板消息」不同的是,其是在用户点击触发或者支付成功之后,开发者可在 7天内推送1-3条服务通知。而「订阅消息」则需要用户主动订阅消息通知,开发者才可向用户推送,但不受时间限制,具体发送信息条数根据该能力的不同类型有不同标准。此外,值得注意的是,使用「订阅消息」后,原小程序模板消息接口将于2020年1月10日下线,也就无法再使用原接口推送模板消息,开发者们需要注意及时调整接口。但是,微原创 2021-01-16 16:47:44 · 39818 阅读 · 62 评论 -
IOS微信浏览器返回事件popstate监听 会立即执行一次【解决方案】
页面跳转从a->b->b1->c,然后从c返回到b再到a。(监听popstate)IOS版的微信,是会立即触法popstate事件,导致直接从C页面跳转到A页面解决办法:var bool = false;window.addEventListener('pageshow',function(){ bool = false; setTimeout(function(){ bool = true; },1000)//延迟1秒 防止ios微信返.原创 2020-12-16 20:15:35 · 1264 阅读 · 0 评论 -
微信小程序 -- 退出小程序骚操作【微信小程序/公众号】
微信小程序官方并没有提供退出的api。但是提供了 navigator 这个组件使用方法:<navigator open-type="exit" target="miniProgram">关闭按钮</navigator>官网组件直通车:https://developers.weixin.qq.com/miniprogram/dev/component/navigator.html可以看到最后一个值。当设置 open-type 设置为 exit 时,必须要设置为tar原创 2020-10-22 13:46:24 · 1217 阅读 · 0 评论 -
微信公众号监听返回按钮关闭当前界面,部分安卓机监听popstate失败【小程序与公众号】
需求:微信公众号开发的时候,可能会出现这种需求:微信公众号内指定某个网页在点击返回键时不回退到上一级,而是直接关闭微信浏览器窗口,用户点击返回按钮本身就是一个返回事件。解决方案: 利用监听返回事件 window.addEventListener("popstate", function(e) {//你的逻辑}, false)两种监听返回关闭方法:(1)需要微信授权//当点击返回键时,不返回到上一页,而是直接关闭微信浏览器function onBackCloseWindow() { pushH原创 2020-08-24 20:18:04 · 4318 阅读 · 6 评论 -
微信小程序button设置了open-type=“share“的按钮如何禁止向上冒泡【微信小程序】
定义一个空的事件 catchtap="share"即可catchtap绑定事件自身是阻止了事件冒泡的,这样定义就可以达到目的啦<button class='share' open-type="share" catchtap="share">原创 2020-07-10 16:44:52 · 2299 阅读 · 0 评论 -
wxs把时间戳转为时间、wxs中 new date 报错【微信小程序】
wxs中 new date 报错原因: 因为 WXS 中不能调用 javascript 中定义的函数或者变量,也不能调用小程序提供的API,他的运行环境和 javascript 是隔离的。获取当前日期使用getDate()新建.wxs文件var filter = { getDateTime: function (value) { //不能使用 new Date() var time = getDate(value); var year = time.getFu转载 2020-07-10 16:37:26 · 2857 阅读 · 0 评论 -
【小程序/公众号】微信小程序设置缓存失效时间及读取缓存
前言小程序官方API提供了设置缓存和读取缓存的api,不过都是永久缓存,除非用户手动清除,否则会一直留在用户手机 。而我们都知道,本地缓存最大为10M。实际开发过程中,或者为了给用户节省内存,或者为了设置信息即时性,我们需要对部分缓存设置时效性,在它到期之后自动删除。一、关于缓存方法微信官方api如下1.异步缓存wx.setStorage(OBJECT)wx.getStorage(OBJECT)wx.getStorageInfo(OBJECT)wx.removeStorage(OBJEC原创 2020-05-20 16:20:33 · 2484 阅读 · 0 评论 -
【小程序与公众号】如何判断刘海屏手机(小程序/小游戏)
以小游戏为示范,代码如下: // 市面上已知的刘海屏机型(不全) fringeScreenModels: [ "iPhone X", "iPhone x", "vivo X21A", "ASUS Zenfone 5", "Ulefone T2 Pro", "Leagoo S9", "HUAWEI P20", "DooGee V", "OPPO R15", "LG G7", "SAMSUNG S9", "COR-AL00", "vivo Y83A", "LLD-AL转载 2020-05-18 17:43:09 · 2696 阅读 · 1 评论 -
【小程序与公众号】Failed to load local image resource ... the server responded with a status of 500
开发中遇到的问题:图片加载出来了,但是在微信开发工具中报这个错误:在我查阅问题的时候看到大家出现的问题大多是这样描述的:Failed to load image xxx the server responded with a status of 404 (HTTP/1.1 404 Not Found) From server 127.0.0.1但是问题是一个性质,在微信开发工具中主要是...原创 2019-12-01 00:21:12 · 1243 阅读 · 0 评论 -
【小程序与公众号】微信小程序九宫格抽奖(抽奖完全随机)
上图话不多说直接上图,抽奖是顺时针又快变慢(还原抽奖的动画)进行抽奖,抽奖的几率都是随机源码接下来展示的就是微信小程序中的九宫格抽奖说明适用范围抽奖逻辑只是原生JS,通过数据进行驱动,因此仍然适用于主流框架Vue,React等设计思想数据驱动,可作为组件复用(奖品信息对接数据库,后台调试奖品信息,前端拿到后端数据直接展示即可,这里暂时展示为固定奖品不...原创 2019-11-29 23:21:45 · 5577 阅读 · 2 评论 -
【小程序云音乐+博客】项目部署步骤图示
小程序云音乐+博客Github地址https://github.com/Umbrella001/wx-yunyinyue小程序云音乐的部署到自己电脑运行体验步骤① 首先可以的话,可以Fork一下 项目 到自己的Github,项目还在更新后续可以方便查看文档,然后把我的代码下载下来解压到自己电脑② 注册个小程序是第一步(首次注册可以看官网文档),然后将项目在微信开发者工具打开,接下来迫...原创 2019-11-29 02:27:45 · 3037 阅读 · 4 评论 -
【小程序与公众号】微信小程序去除button标签默认样式
微信小程序去除button样式小程序中原始的button按钮样式是这样的但是我们需要一个隐藏式的按钮,就是首页能点击的地方都需要触碰到这个按钮,所以需要去除button的默认样式一般我们去除样式都是这样的button{ border:0; background:transparent; }执行的效果是这样的还是有边框的,所以这样是不够。因为button的边框样式是通过...原创 2019-11-26 03:04:41 · 637 阅读 · 0 评论 -
【小程序与公众号】微信小程序——自定义个性化模态框(附代码)
文章目录一、前言二、效果图三、实现方法关键点3.1 `.js` 部分3.2 `.wxml` 部分3.3 `.wxss` 部分四、官方弹窗4.1 Loading4.2 Toast4.3 showModal一、前言微信小程序官方提供的模态框主要有以下几种,这几种方法都只能简单的显示文字内容,不能达到设计要求。最后只能通过自定义实现可以灵活设计的弹框。二、效果图先附上最终效果图:三、实现方法...原创 2019-11-17 00:27:35 · 821 阅读 · 0 评论 -
【小程序与公众号】移动端点透原因及其详细解决方案
移动端click事件有300ms的延时原因在移动端触发时间会按照 touchstart,touchmove,touchend,click 顺序触发;触发touchend,click之间会有200-400不等的时间延时(因为移动端需要判断用户是不是想要进行双击);zepto 的tap 事件 可以解决 300 ms延时;tap 原理:在touchstart 时会记录一个值x1,y1,在touch...原创 2019-10-18 21:35:32 · 500 阅读 · 0 评论