直接给大家上干货 1.跳转页面传递参数 pageA.wxml <button type="primary" bindtap="jumpTo">点击跳转</button> pageA.js jumpTo:function(){ //传数字 let number=0 //传字符串 let str="字符串" //传json对象 let json={ name:'小王', age:18 } //传json数组 let jsonA

1. 添加缓存 单个密钥允许存储的最大数据长度为1MB,所有数据存储上限为10MB. // 存储信息到storage // 异步存储 set() { wx.setStorage({ key: 'user', data: 'cck', success: ()=> { console.log('存储成功'); } }) }, // 同步存储 set() { try { wx.setStorageSync('user', 'cck') } catch (e) { } } 2. 获取缓存 从本地缓存中异

微信小程序——左右滑动切换页面事件 微信小程序的左右滑动触屏事件,主要有三个事件:touchstart,touchmove,touchend. 这三个事件最重要的属性是pageX和pageY,表示X,Y坐标. touchstart在触摸开始时触发事件;touchend在触摸结束时触发事件;touchmove触摸的过程中不断激发这个事件; 这三个事件都有一个timeStamp的属性,查看timeStamp属性,可以看到顺序是touchstart => touchmove=> touchmove

接上文:微信小程序开发06-一个业务页面的完成 github地址:https://github.com/yexiaochai/wxdemo 我们首页功能基本完成,我对比了下实际工作中的需求,完成度有70%以上,如果再花一两天时间,便能跟之前工作做的差不多了,今天我们继续实现一个页面列表,便结束这次的学习,后面几天要出差,所以总结性的文章本周未必能出来,静待下周吧. 这里考虑demo复杂度,列表页功能完成度也仅仅完成主功能模块,与真实工作完成度对比60%左右吧,于是我们开始愉快的代码,首先是将我们

来源:伯乐在线 - 王小树 链接:http://ios.jobbole.com/90603/ 点击 → 申请加入伯乐在线专栏作者 一.准备工作 1.注册一个小程序账号,得用一个没注册过公众号的邮箱注册. 2.注册过程中需要很多认证,有很多认证,比较繁琐,如果暂时只是开发测试,不进行提审.发布的话,只要完成营业执照号填写就可以了,不需要完成微信认证. 3.注册完账号,登录,在主页面左边列表中点击设置,然后再设置页面中选开发设置就可以看到AppID,用于登录开发工具. 主页面 设置页面 二.开发工具

App App() App() 函数用来注册一个小程序.接受一个 object 参数,其指定小程序的生命周期函数等. object参数说明: 属性 类型 描述 触发时机 onLaunch Function 生命周期函数--监听小程序初始化 当小程序初始化完成时,会触发 onLaunch(全局只触发一次) onShow Function 生命周期函数--监听小程序显示 当小程序启动,或从后台进入前台显示,会触发 onShow onHide Function 生命周期函数--监听小程序隐藏 当小程序

首先搭建首页 微信小程序与web程序非常相似  有非常多的组件  多个组件形成一个页面 每个组件有自己一些特殊的属性来控制显示效果 通过js注册事件控制响应 首先使用swiper实现一个banner轮播 实现点击banner跳转到指定的view <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration

微信小程序页面跳转方法: 1.<navigator url="../test/test"><button>点我可以切换可以返回</button></navigator> .<button bindtap="chageToTest">切换页面可以返回</button> chageToTest:function(){ wx.navigateTo({ url: '../time/time', }) }

微信小程序组件使用手册地址: 1. 百度搜索"微信公众平台",扫码登录之后,点击帮助文档里面的普通小程序. 2. 接着选择"开发"-->"组件" 3. 左侧可以根据需要查询自己需要使用的控件 那么接下来就写一个简单的注册页面. 1. New Folder(reg) --> New Page(reg) 2. 修改reg.wxml文件 <!--miniprogram/pages/reg/reg.wxml--> <view

微信小程序可能是原生的机遇,在程序员面对微信小程序的恐惧中说其实也是我们程序员创业的春天或者挣外快的一个机遇. 为什么这么说呢?且听我慢慢给你分析 成本角度 你想想,会ios开发的可能只会ios,会安卓开发的可能只会安卓,想开发一款应用时,需要开发另一个系统的应用时,自己还开发不了,现在好了,微信小程序解决我们的烦恼,开发了一款微信小程序,自带去了android和ios平台,间接的扩大了我们用户的群体,而且不用区分android和ios了.成本低,速度快. 技术角度 从技术角度来讲,我们程序员有

概述 曾记得在微信小程序还没有上线的时候,大家都是翘首以待.希望在张小龙,在企鹅的带领下,走出差别于原生开发的还有一条移动开发的道路,我也是一直关注着.知道1月9号,微信小程序最终对外开放了,作为第一批内測开发人员,我也是在第一时间启动了微信小程序的开发. 其开发也确实相对简单,只是体验上嘛.可能和原生有一些差距.体验上有点相似于企业的x5渲染的webview. 只是由于其高度依赖于微信这个平台.也限制了其开放性,所以我当时在csdn的内部群预言:微信小程序不会全然代替原生app,甚至都不可能威

一.功能描述 微信小程序启动时,首先运行app.js,然后才跳转到第一个页面,也就是启动界面. 设置启动界面,只需要调整app.json的pages信息的位置,放在第一条的page记录便是启动界面

在微信小程序中,本来应用页面内绑定在按钮上跳转页面可以成功,但是将页面添加在tab以后就不能实现跳转了 原本代码如下: //事件处理函数 bindViewTap: function() { wx.navigateTo({ url: '../logs/logs' }) }, 原因是因为: wx.navigateTo 和 wx.redirectTo 不允许跳转到 tabbar 页面,只能用 wx.switchTab 跳转到 tabbar 页面 解决方法: //事件处理函数 bindViewTap:

在微信小程序的开发过程中如果有使用过tabbar的同学,我相信一定会遇到一些困扰.为什么有些时候代码中明明已经在app.json里面增加了tabbar,可以页面中就是不显示呢?可不可以有些页面显示tabbar,而有些页面不显示tabbar呢?今天我把我在开发过程中遇到的问题整理出来跟大家分享.问题1:为什么页面底部不显示tabbar?很多网友(包括我自己)也遇到过此类问题,在app.json里面明明加了tabbar,list里面也加了路径怎么就是不显示呢?举例,如下代码,为什么屏幕页面底部没有如

微信小程序页面滚动到某个位置添加类,盒子置顶效果. <!-- vh,是指CSS中相对长度单位,表示相对视口高度(Viewport Height),1vh = % * 视口高度 --> <scroll-view scroll-y="true" style="height:100vh;" bindscroll="scroll" scroll-top="{{scrollTop}}"> <view>

1. 生命周期 App(全局) 位置:项目根目录app.js文件 App({ onLaunch (options) { // console.log('小程序初始化') }, onShow(options) { console.log('监听小程序启动或切前台') }, onHide() { console.log('监听小程序切后台') }, onError(msg) { console.log('错误监听函数') }, onPageNotFound(res) { console.log('小

1.微信小程序获取Access_token: access_token具体时效看官方文档. using System; using System.Collections.Generic; using System.Linq; using System.Threading; using System.Web; using TT.Utilities; namespace DjwzApi.Com { public class WeChatApi { public static string AppID

开始接触微信小程序的项目开发时,自己想添加底部导航,按照文档的方法在app.json添加tabBar,结果编译不出,工具台也没错误提示. 尝试在网上搜一下,看到有碰到类似情况的,解决方法是:app.json中pages的第一项,需要确保它也在tabBar的list里面.试了一下可以, 这个坑很怪异,实在想不出合理的解释.可能是小程序还没完善好.

异常描述: 微信小程序领取卡券,调用 wx.addCard 接口,安卓手机正常调起领取卡券界面,苹果手机.微信开发者工具中均出现“参数错误”,如图: 异常解析: 安卓手机能正常调起领取界面,那就说明领取卡券参数是没有问题的,那么苹果手机中出现的异常应该就是ios系统对js的某些兼容性问题了.认真再从头看一遍小程序开发文档中关于 领取卡券 的部分,能看到这么一句: 注:cardExt 需进行 JSON 序列化为字符串传入 既然安卓手机访问正常,那十有八九就是参数格式问题了. 问题解决: 检查下小程

在小程序内直联h5的页面(pages/webview/webview.js),该页面为<web-view>的容器,使用<web-view>组件 <web-view wx:if="{{h5url}}" src="{{h5url}}" bindmessage="h5PostMessage" ></web-view> 需要bindmessage事件和postMessage方法 bindmessage:网页

场景(比如:商城选地址,选优惠券): 在[页面A]中调用wx.navigateTo方法跳转到[页面B] 然后从[页面B]返回[页面A], 并将[页面B]中的一些数据传回[页面A] wx.navigateBack({ delta:1 }) 方法1:使用全局数据存储 将要传递的数据,存储在App对象上(比如globalData属性). 将要传递的数据,存储在小程序的本地数据缓存(Storage)中. 例如,我们在将要退出页面B的时候,作如下调用: //=== 1. 存储到app对象上的方式 ====