为了让用户减少输入，我们可以把复杂的信息编码成一个二维码，利用宿主环境wx.scanCode这个API调起微信扫一扫，用户扫码之后，wx.scanCode的success回调会收到这个二维码所对应的字符串信息。  例如餐厅点餐的小程序，我们给餐厅中每个餐桌编号1-...

已有的互联网产品在接入小程序会面临一些和登录态相关的问题：怎么获取微信登录态；怎么把微信帐号和自己的帐号进行打通。在这一节中，我们来介绍一下如何把微信登录应用到你的小程序中。我们先来看看微信登录的整个过程，如图4-22所示。​图4-22微信登录的整个过程我们来依次分解一下图中的七个步骤，其中，第1步到第4步我们分别用一...

当wx.navigateTo跳转链接跟app.json中设置的tabbar中跳转链接一样时，wx.navigateTo就不能跳转可以改为wx.switchTab1、当app.json中设置了tabbar跳转时2、普通跳转wx.navigateTo不起作用，要换成是wx.switchTab  &nbs...

1.当注册了tabBar的时候，使用navigator时会发现不能跳转，这个时候需要在navigator上加上open-type=’switchTab’属性<navigatoropen-type="switchTab"url="/pages/index/index">跳到index&...

有一点需要注意的是，你的小程序要求兼容到iOS8以下版本，需要开启样式自动补全。开启样式自动补全，在“设置”—“项目设置”—勾选“上传代码时样式自动补全”。​图4-2开发者工具开启样式自动补全在小程序开发中，我们需要考虑各种...

【1】事件绑定和冒泡事件绑定的写法同组件的属性，以key、value的形式。key以bind或catch开头，然后跟上事件的类型，如bindtap、catchtouchstart。自基础库版本 1.5.0 起，在非原生组件中，bind和catch后可以紧跟一个冒号，其含义不变，如bind:tap、c...

自定义属性语法以data-开头：<buttondata-info="自定义数据"bindtap="testClick">自定义属性测试</button> 无论你这样写data-info="..."还是这样写data-INFO="..."，获取值的时候都是这样：获取：testClick(...

从运营的角度讲制作，不是从程序的角度讲开发，所以简单明晰，通俗易懂，小白也能按照流程完成制作。 微信小程序制作步骤及流程1.确定好微信小程序的的定位和目的如行业，功能，内容，目标用户，目标市场，意向名单，专业作用等。 2.落实小程序的程序制作公司，或者团队若是外部团队，要签订合同，打款之前，到公司实...

一个小程序拥有多个页面，我们可以通过wx.navigateTo推入一个新的页面，如图3-6所示，在首页使用2次wx.navigateTo后，页面层级会有三层，我们把这样的一个页面层级称为页面栈。图3-6使用2次wx.navigateTo后的页面栈后续为了表述方便，我们采用这样的方式进行描述页面栈：[pageA,page...

底部导航栏这个功能是非常常见的一个功能，基本上一个完成的app，都会存在一个导航栏，那么微信小程序的导航栏该怎么实现呢？经过无数的踩坑，终于实现了，好了，先看看效果图。对于底部导航栏，小程序上给出的文档要求里面的item最少2个，最多五个。好了，先看看代码：在项目中找到这个文件 1{2"pages":[3"p...

只有定义了此事件处理函数，右上角菜单才会显示“转发”按钮，在用户点击转发按钮的时候会调用，此事件需要return一个Object，包含title和path两个字段，用于自定义转发内容 代码使用onShareAppMessage自定义转发字段//page.jsPage({onShareA...

代码：//页面上拉触底事件的处理函数onReachBottom(e){console.log("底部")//滚动到页面执行该方法wx.showToast({title:'加载中...',icon:'loading',duration:2000})/*这里执行你需要的请求数据追加到循环数组就好了*/},onPageScr...

问题描述：  下拉刷新在手机上不会自动回弹，开发工具可以 解决办法：主动调用wx.stopPullDownRefresh/***页面相关事件处理函数--监听用户下拉动作*/onPullDownRefresh:function(){console.log('onPullDownRefresh...

 一、onPullDownRefresh回调代码：//http://itlao5.comonPullDownRefresh:function(){console.log('onPullDownRefresh')this.queryData(id)}, 二、enablePullDownRefresh支...

【1】需求： 点击商品，跳到相应商品详情页面  【2】代码：  （1）商品列表页<viewclass="goodsList"><viewwx:for="{{goods}}"wx:key="index"bindtap="toDetail"data-ite...