缩放类小程序实践心得
这是目前最近开发的一个小程序完成后的一些心得。需求是有一张静态地图,用户点击对应的县要进入二级页面,二级页面里面底图是一张静态地图,上面展示出相应的景点。点击景点显示景点简介一级页面和二级页面都是可以拖动和缩放的,双击可以缩放具体功能页如下:我先是通过自己写touch事件体验,使用正常的h5测试已经能明显感觉到体验不是很流畅。改写成小程序,滑动数据都是用setData,
微信小程序 moveable
mpvue使用微信小程序原生组件scrollview,swiper,movableview的方法
公司做小程序要用mpvue来做,mpvue没有文档肿么办,公司只有我一个前端啊啊啊啊,这下写代码纯属靠猜了这不遇到问题了,下拉事件怎么整,传统的ui组件会报错……,逼着用小程序原生的组件,写呗,但是触发不了事件啊,心累……好不容易弄好了,在这里以scroll-view为例子介绍,mpvue使用微信小程序原生组件的方法,真心躺坑过来的,蓝瘦香菇……小程序官网例子是这样
微信小程序 moveable
解决movableview拖拽组件问题
#小程序拖拽组件###微信开发工具导入项目新建项目-导入src文件-预览效果###截图预览组件代码movable.wxmlmovable-areaclass=movable-box
微信小程序 moveable
关于小程序鉴权那点事——oauth2.0
刚接触小程序那会,一个接一个web的方法、APi不支持,难受的只能敲着代码,流着眼泪。oauth2.0鉴权,一个access_token,一个refresh_token,一个expires_in。在pc端我们可以使用cookie来轻松处理access_token过期,自动刷token。然而我们在小程序中是不支持cookie的,我们只能通过缓存机制来保存token,这个时候是不能监听到t
微信小程序 鉴权失败
微信小程序左上角返回键,
//销毁其他页面跳转wx.redirectTo({url:../../pages/address/address,})//保留其他页面跳转带返回按钮wx.navigateTo({url:../../pages/address/address,})目前用到这两种方式,下面开始设置返回按钮:有页面a页面b页面cc
微信小程序 左上角
微信小程序左上角返回按钮触发事件
从A页面跳转到B页面,再从B页面通过左上角返回按钮,返回到A页面A页面:B页面:从B页面返回到A页面时,触发事件请求接口:代码如下:B页面js代码onShow:function(){wx.setStorageSync(aShow,true)},A页面js代码onShow:function(){varpage=this;
微信小程序 左上角
小程序按左上角返回键与navigateBack携带参数
小程序的页面跳转方式有5种,分别为其中除了wx.navigateBack外,其他都可以在路径后面带参数。页面左上角的返回箭头和安卓的物理按键都是一样触发wx.navigateBack方法。如果我们想在页面返回时也进行参数传递该怎么做呢?今天跟大家分享两种方法方法一:使用小程序缓存。api:wx.setStorage(OBJECT)/wx.setStorageSync(KEY
微信小程序 左上角
微信小程序点击左上角的返回页面列表局部刷新
若从A页面跳到B页面(A---B),在B页面操作完成后需要刷新A页面的数据,有两种思路:(推荐使用第2种方法)1.在返回A页面的时候调用A的页面onShow()方法,重新查询加载一次A页面即可,代码为:onShow:function(){this.onLoad();},这种方法返回A页面时需要重新加载页面,太慢,太Low!!2.这种方法是极力推荐的:在
微信小程序 左上角