何小杰的博客

大家好，最近微信小程序在经过前两年发布之后频繁的更新，现在版本以及各种api已经趋于稳定，因此，具备各功能的api接口以及比较少出现整个api接口不能使用或者使用方法意义全部发生改变的情况； 因此博主将在近期开始分期发布关于小程序开发的一些心得，主要是微信小程序前端界面的使用，一些常用框架主键以及api的使用。那么话不多说，下面进入小程序的基础入门第一天：配置自己的第一个小程序 一、微信...

模板WXML提供模板（template），可以在模板中定义代码片段，然后在不同的地方调用。接下来博主将会以图文讲解，然后最后发出源码供大家参考。文件结构本文使用的模板类和模板结构如下：定义模板使用 name 属性，作为模板的名字。然后在内定义代码片段，如：这里postItem表示模板名，供其他wxml文件调用、这个模板类的文件名称，即其他wxml文件使用时，需要如java导包...

前言当wxml文件调用模板类之后，点击触发事件，往往需要获取当前触发事件元素的id值在后台获取方法如下：获取template不同元素得id值currentTarget 是系统自带的（表示当前主键）dataset 也是系统自带的（表示自定义数据）这里有一个规律：在wxml文件中命名 有 - ，但是在调试中就看不到了，横杠被去掉了，并且开头的data也被去掉了，而且全部改...

大家好，今天博主来给大家讲讲模板类的使用，因为小程序目前发布时候大小不能超过4M，所以用少量的代码做核心的功能一直是小程序开发的重点，而其中模板template的出现，就是对前端代码进行抽象之后得到的一个功能。简介：...

两个缓存的方法同步更新setstorage异步更新setstorageSync|同步和异步在使用缓存的时候可以加一个判断语句 判断缓存是否接收成功清除缓存的方法也有，也同样分为同步和异步在一次缓存方法都没有执行的时候，数据不会保存但是执行了一次之后，及时没有调用那个缓存方法，数据也会保存下来（不去主动清除缓存，他会一直存在，不存在过时事件，缓存的最大不能超过四兆）主键...

微信小程序的按键交互控件：最下面有源码包，喜欢的小伙伴可以下载来看看噢微信小程序官方文档内容后台显示操作成功或者失败icon表示两种图标：success 或者loading以下是微信小程序项目源码：微信小程序演示程序...

比较同步方法异步方法说明顺序执行，上一个没执行完，下一个不会执行不会让ui有停滞的情况，（但是可能会异步执行同步，然后有嵌套异步或者同步，导致回调事件很长）代码复杂度代码复杂地低，方便阅读代码复杂度高，不便阅读运行速度垂直执行，方法复杂时可能会导致卡顿流畅快速，不易卡顿错误率容易查错容易出现不易发现的错误返回函数能直接返回函数异步方...

一、对比于dom而言。每当修改一个状态，都需要获取前台标签的id，然后对标签内容进行修改，而数据绑定之后，修改内容只需要在后台对绑定的变量进行修改，就会统一到前台绑定的数据中去，这是十分方便的一个做法（node.js 主流的思想）二、方便大家去做单元测试，jq难做是因为参杂了太多的ui元素，如果使用数据绑定的话，就比较方便地去做单元测试版权所有，禁止转载，违者必究。喜欢的朋友可以点赞评论喔，...

下面我将会为大家初步讲解利用微信小程序的音乐控件制作音乐播放器，以及会遇到的一些问题，最后会附上源码包喔！图片以及音乐都必须使用网络链接体播放器 播放之后闪退，是因为音乐的链接失效了所以 闪退监听播放事件 完善音乐播放音乐否则页面的isplaymusic就不需要进行任何操作 自动设置为false音乐pause 和stop的区别 ，前者是暂停，后者是停止以下是微信小程...

微信小程序出来不久，各类错误资料不多，目前仍需各位开发小伙伴靠自己的经验来查错，在微信小程序开发过程错误不可避免，接下来博主会跟大家分享下自己的报错查询经验如果陷入for无限循环，那么调试就会被断掉版权所有，禁止转载，违者必究。喜欢的朋友可以关注博主或者点赞评论喔，您的支持是我更新最大的动力~...

应用程序生命周期：通俗的讲，生命周期就是指一个对象的生老病死。 从软件的角度来看，生命周期指程序从创建、到开始、暂停、唤起、停止、卸载的过程。用户首次打开小程序，触发 onLaunch（全局只触发一次）。小程序初始化完成后，触发onShow方法，监听小程序显示。小程序从前台进入后台，触发 onHide方法。小程序从后台进入前台显示，触发 onShow方法。小程序后台运行一定时间，或系...

如果使用了缓存，因为缓存是永久存在的，而在真机运行中是没有自动清除缓存的机制的，所以如果出现莫名其妙的bug，可以考虑是否是缓存带来的问题。真机运行中如果要考虑清除缓存的问题 ，建议设置一个按钮，触发事件使用api清除缓存。版权所有，禁止转载，违者必究。喜欢的朋友可以点赞评论喔，您的支持是我更新最大的动力~...

关于API调用出现403的错误提示遇到这种情况，需要修改http:///t.yushu.im这个是全局的基地址(因为现在豆瓣拒绝了小程序的访问。猜测原因：通过识别小程序发出请求的时候的几个固定字段来拒绝访问)新的微信小程序，搜索的数据量变小了， 所以需要关键词更加精确微信小程序的设置当微信小程序每次发出访问请求的时候，有两个字段是不允许外人设置的refereruser-ag...

下面博主将会通过图文讲解的方式分享关于通过场景值判断是从什么途径进入到本微信小程序中，最后附上源码！判断从什么路径进入到微信小程序所以需要获取场景值、途径1：app.js以下是微信小程序项目源码：点击可以进入gitee直接下载源码包喔微信小程序演示程序版权所有，禁止转载，违者必究。喜欢的朋友可以点赞评论喔，您的支持是我更新最大的动力~...

接下来博主将会分享用户登录授权，以及获取用户信息进行授权相关的一些东西，帮助大家避坑，最后附上源码！收货地址的api接口在真机运行的情况下，会出现小程序编写好的一个填写地址的页面在不同账号体系下面，可以通过unionId来判断是否是同一个用户需要对用户获取信息进行授权需要对用户获取信息进行授权设置了授权的这里就会出现动态设置开启关闭转发设置（通过点击按钮来开启转...

承接小程序配置之后 ，先对小程序开发软件的界面进行介绍：然后进入第一个小程序的构造：获取用户登陆信息通过左上角的 “+”添加页面然后创建第一个功能页面 然后页面构造完成：各部分代码：app.json{ "pages": [ "pages/index/index" ], "window": { &qu

今天来讲解下循环输出元素：然后我们自己尝试构建一个for循环输出的小程序app.js以及app.json app.wxss页面的构造就不放出来了，不会的童鞋可以看博主的第一个小程序文章初步构造完成如下：下面是for.js的构造：// pages/for/for.jsPage({ /** * 页面的初始数据 */ data: { ...

当点击小程序页面上面得各类组件得时候，会需要小程序做出相应得动作，这就需要用到小程序得事件机制：ontap的bug， 在click触发的时候，应该是一次点击就触发一次的，但是有的时候会出现一次点击，多次触发的情况，这个时候就需要将程序重新打开即可解决页面跳转： WX：navigateto（）； 在JS方法下的页面跳转两者的区别是navigationTo跳转的页面，...

微信缓冲上限：4m轮播图（自带轮播效果）微信小程序自带轮播特效，直接可以使用即可 如下图轮播图的样式如下详细可查微信小程序手册~竖着滚动喜欢请点波赞或者收藏关注下博主呗~~，持续更新小程序相关...

简介这一部分我来为大家讲解一下啊 ，小程序前台wxml页面如何调用后台的数据：其中涉及到的一个方法：setdata演示：前 wxml <view > <text> {{text1]} <text> </view>后 jsdata:{},onload:function(){

大家好，这一篇文章由博主为大家讲讲通过将数据与逻辑操作层分离的代码操作，使页面结构更加简洁美化，话不多说直接进入主题。简单介绍数据分离，即将逻辑操作层与数据层分成两个页面保存代码。通过 module.exports将数据层输出，然后在逻辑操作层通过request接收输出的数据从而完成操作。小tips：一个小坑，微信小程序考虑到安全性的问题，当我们是实际使用一些api获取权限...

下面博主将会和大家图文讲解怎么实现微信小程序上滑刷新的，最后附上源码！实现上滑加载更多数据上滑滚动视图名词：对于PC端。是 ：下拉刷新对于手机端是：上滑加载更多方向是不一样的json 中的backgroundcolor 是设置的是下拉或者上滑多出来的窗口的颜色当从navigationto跳转的子页面跳回去到主页面之后，子页面的appdata就会清除掉除了app.jso...

下面博主将会为大家讲解下拉刷新的操作，最后附上源码！以下是微信小程序项目源码：点击可以进入gitee直接下载源码包喔微信小程序演示程序版权所有，禁止转载，违者必究。喜欢的朋友可以点赞评论喔，您的支持是我更新最大的动力~...

下面博主将会通过图文讲解的方式跟大家分享微信小程序开发过程中关于图片的缩放和裁剪，最后附上源码！要设置了的高宽才会有缩放的概念(不然就会使用小程序的默认高宽320)aspectfill，会将图片变成你设置的image高宽，（小于就）放大或者（大于）裁剪以下是微信小程序项目源码：点击可以进入gitee直接下载源码包喔微信小程序演示程序版权所有，禁止转载，违者必究。喜欢的朋友可以...

使用数据绑定的方法使其为falsesliderradiocheckbox 输出数组形式以下是微信小程序项目源码：点击可以进入gitee直接下载源码包喔微信小程序演示程序版权所有，禁止转载，违者必究。喜欢的朋友可以点赞评论喔，您的支持是我更新最大的动力~...

接下来博主将会为大家给讲解微信小程序，map地图相关的东西，最后附上源码以下是微信小程序项目源码：点击可以进入gitee直接下载源码包喔微信小程序演示程序版权所有，禁止转载，违者必究。喜欢的朋友可以点赞评论喔，您的支持是我更新最大的动力~...

接下来博主会和大家简单分享一下module和class的用法，最后附上源码！工作：通过movieId获取电影相关信息（这里是利用ES6的特性制作）绑定类的方法以下是微信小程序项目源码：点击可以进入gitee直接下载源码包喔微信小程序演示程序版权所有，禁止转载，违者必究。喜欢的朋友可以点赞评论喔，您的支持是我更新最大的动力~...

接下来博主会用图文为大家讲解微信小程序的banner轮播图，因为微信小程序将相关代码都已经封装好了，大家直接使用就好了。最后附上源码包！以下是微信小程序项目源码：点击可以进入gitee直接下载源码包喔[微信小程序演示程序](序](https://gitee.com/hxfghgh/code/tree/wechat/base/demo2)**版权所有，禁止转载，违者必究。喜欢的朋友可...