如果相同的wxml代码可能在不同的页面重复使用，ctrl+c配合ctrl+v的方式，后期维护起来未免也太麻烦了。微信提供了“模板”，可以在模板中定义代码片段，然后在不同的地方调用。使用<template>对代码进行模板定义，并使用name属性为模板进行命名，如：<templatename="msgIt...

在微信小程序中，事件的绑定依附于组件，当事件触发时，就会执行事件对应的处理函数。我们回到前几章中的例子，将index页面调整为首页（app.json中调整pages数组元素的顺序），此时我们希望，点击页面中的“HelloWorld”字样，能够跳转到我们之前写的Welcome页面中去：首先来说明一下事件的绑定形式：事件绑...

对于小程序中的wxss布局方式，不推荐使用诸如position，float之类的属性，而是采用flex布局，灵活快捷自适应，关键是自适应！此处另起标题也是为了表达我对其强烈的推荐，因为我这个后端都能用flex很好的布局，可见其简单快捷性！强烈推荐阮一峰老师的两篇博文：Flex布局教程：语法篇Flex布局教程：实例篇...

如上图，整个IDE分为四个部分：中间的文件目录树模拟器（左侧）编辑器（右上）调试器（右下） 其中调试器是不是很熟悉？没错，和你用的chrome开发者工具一模一样，稍微有点要提醒的是：.js类型的文件，在Sources中都有两个，其中xx.js是编译后的，xx.js?[sm]才是和我们实际文件相同，调试时使用x...

我总是喜欢在写东西之前唠唠嗑，按照惯例会在博文的开篇写这么一段“写在前面的话”，这次却为了这个唠嗑单独开了一篇文，大概预想着要胡说八道的话有点多。前段时间突然对小程序来了兴趣，说句实话，我都忘记了准确的导火线，大概是一直想做点什么个人的小作品，结果又因为贫穷限制了我买服务器。索性这个世界上有种东西叫“第三方API”，我...

2.2.1组装xml点击支付按钮后，写一个Ajax将前台部分信息发送给后台，然后组装xml，调用统一下单接口。该接口在《微信支付官方文档-统一下单》进行了很详细的解释，我在这里进行部分说明：参数说明   备注appId   开发者应用ID，在“开发-基本配置”...

好了，现在我们知道模板消息是官方固定好的格式，我们填充内容。而且对应给了我们模板的ID，那么我们来看看，对于推送模板消息，需要我们提供哪些内容：http请求方式:POSThttps://api.weixin.qq.com/cgi-bin/message/template/send?access_token=ACCESS...

所谓图文消息，就是我们常在订阅号中收到的如下图所示的消息类型： 从微信开发者文档-消息管理-发送消息-群发接口和原创校验-上传图文消息素材中可以看到，图文消息就是文章的集合，每条图文消息包含的文章不得超过8条。我们从开发文档中上传图文消息素材的POST格式来看，一个文章大概包含的内容有：{"articles"...

先讲一下微信平台消息的基本传递过程，接下来的更多概念和接口用法才更容易理解。我们在使用一些微信公众号的时候，肯定遇到过这种情况，给公众号发送一些消息，它会回复你不同的内容，也就是说，该微信公众号可以识别你的消息类型、内容，然后做出不同的反馈。甚至复杂的，可以模拟出一个自动应答的机器人。（如下图的中国移动为例）那么我们就...

最近在做一个导航的时候，发现使用overflow-x:auto来做多内容滑动导航效果很不好，思索是不是可以使用swiper来做一个，研究了下其实发现原理基本相同这里说下，要用swiper做导航菜单，有几个要特别注意的参数1：autoplay，官方说明【是否自动切换】，这个不填，菜单可不能自己动2：indicator-d...

最近在做小程序时候，发现一些商品图片在渲染时一直报错，也不显示，但是控制台打印出来的路径却有没有问题报错提示出错的路径会在前面自动加上“page/**”,思索了之后想到了微信只能解释https的地址，顿时来了主意， 错误如图 在遍历时对图片路径进行处理，加上https://dataSource&am...

以前做过PC页面微信支付，但是这次在小程序直接调用微信支付功能还是方便很多先放个微信官方API链接：https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=7_7&index=5先说说整个下单支付流程的整体思路，0，准备工作：一，appId，...

对接口请求报文作指纹验证签名相信在开发中经常碰到，这次在与java后端一起开发小程序时，就碰到需求对登陆注册请求报文添加指纹验证签名来防止信息被修改先来看下我们与后端定制签名规则2.4.签名规则原文规则：采用标准的JSON格式，null值字段舍去，按照key值字符串升序排列例如：{"appId":"1100310061...

提到wx.getLocation()这个方法，大家都知道是获取地理信息的今天用这个方法获取定位经纬度后传给后台取得附近markers标记集合，在开发工具上都正常有标记出现，但是在手机测试时，死活没有显示，最后发现是在手机测试时，后台已经报参数不合法抛出错误通知了原因是因为，在开发工具上获取经纬度只有小数点后5位，而我们...

最近在开发一个小程序项目时，碰到一个问题，在一个多条件单项选择中，为选中条件添加一个选中状态，选中状态为灰色背景，但是这个背景要用到背景图片大家都知道在小程序中wxss是无法读到本地图标资源，只能使用外部链接和base64，这俩种方法都不适合我们开发的时候使用，但是却可以在wxml中使用方法然后通过条件判断来控制是否渲...