随笔分类 - 小程序
WTF小程序
摘要：什么是高阶函数 高阶函数就是接受一个函数作为参数，或者将一个函数作为返回值的函数。其实高阶函数并不是什么高大上的概念，常用的Array.prototype.forEach，Array.prototype.map，Array.prototype.reduce都是高阶函数。除此之外，防抖，节流所用的函数
阅读全文
摘要：有一种bug可以用 如梗在喉 四个字来形容，你想忽略它，不想深究它，心里想着随他去吧。但是它总是时不时地冒出头来，抗议你忽略它，不关心它，向你宣示着它的存在。比如我接下来要讲的这个bug。 这个bug是这样的，我们的一些用户隔三差五（也许频率没那么高）地会反馈一个现象，就是视频播放到一个时间段，大概
阅读全文
摘要：最近我们的小程序涉及到虚拟支付的问题，在ios端的支付被封掉了😇，所以有了在服务号上搞一套H5版的小程序的需求。由于我们小程序是mpvue写的，为了尽量复用之前的样式和逻辑，选择了前后端分离的模式，于是一段新的踩坑之旅开始了。放下wx的jssdk暂且不表，今天来说说登录时遇到的坑。 服务号的登录流
阅读全文
摘要：什么是formId formId是小程序可以向用户发送模板消息的通行证，简单而言，你只有获取到formId，把它交给后台，后台同学才能向用户发送通知消息，而这个通行证的有效期只有七天。这是微信为了防止小程序滥用通知消息骚扰用户而提出的一种策略。 如何获取formId 小程序的 "消息文档" 告诉我们
阅读全文
摘要：目录 "animation 的几个关键方法" "step 方法" "export 方法" "如何实现 infinate 动画" 小程序的 animation 有一套怪异的 API，既不符合 css 的 keyframes，又不符合 DOM 的 API，可以说是一个四不像，所以很久以来，我是对这个 A
阅读全文
摘要：目录 "啰嗦两句" "loader 是干什么的" "loader 的工具箱 context" "loader 实战" 啰嗦两句 学习这件事从学习动机上来看，可以分成两种情况：主动学习和被动学习。主动学习就是，某天你浏览网页的时候，看到一个酷到没朋友的效果，赶紧打开开发者工具，看看用了什么 css 属
阅读全文
摘要：最近在做一个需求，当用户放大地图到某个级别时，自动显示 的callout标签，当小于这个缩放级别时，则隐藏callout。然而在我实现的过程中，却发现一个严重的问题：当我操作marker数据时，会导致地图的缩放级别发生变化（用户没有缩放的操作）。这TM是什么鬼？？接下来就开始爬坑。 官方的避坑指南
阅读全文
摘要：mpvue是美团基于vue开发的一个开发小程序的框架，从而以vue的语法来开发小程序。在生命周期上，mpvue同时支持了vue的生命周期和小程序的生命周期，这可能让新上手的同学费解。这篇文章就来讲讲mpvue的混合生命周期。 一个bug 在深入之前，先说一个mpvue开发中的常见的坑。假设你在一个页
阅读全文
摘要：事情是这样的，我们有一个原生（wxml,wxss,js,json）写的小程序，要加入一个新的模块，并且时间比较紧张。所以我们选择了采用mpvue开发一个分包(subpackage)，加入到原生小程序中，并确保被正确加载。下面说一下踩到的坑。 目录结构 首先说一下目录结构，上一张图： 上面的目录结构中
阅读全文
摘要：如何避免腾讯地图api调用时查询参数丢失#腾讯地图API# #backurl# #查询参数丢失#
阅读全文
摘要：叨叨两句 昨天爬了一下午坑才出来的我向大家问好😶，要说小程序基础库都1.9了，但是坑还是很多。一方面是由于小程序的文档不是太友好，也许某个地方告诉你了，但是不是那么 容易发现。另一方面，微信大佬手握9亿多用户，觉得不好用？那你爱用不用。。。今天就说说昨天爬的这个坑—— web view的两个属性
阅读全文
摘要：前言 对于从VUE过来的前端同学来说，见到小程序的第一眼一定是熟悉—感觉就像是把vue的单文件拆成了3个文件。但是，随着慢慢入坑。马上会发现，这样怎么不行？wxs文件又是什么鬼？template和vue的template一样吗？下面我们来一起探索一下。 wxs文件的写法 根据 "官方文档" 的说法，
阅读全文
摘要：最近在折腾微信小程序，遇到这么一个情况:后端返回一个key value的对象数据，需要遍历对象的key value，然后渲染到视图中。就像下面这样: 遇到也这种情况，有三种解决办法： 1. 让后端改一下接口； 2. 自己写个函数，将对象变成数组，然后再setData; 3. 直接遍历对象。 下面是第
阅读全文
