微信小程序swiper禁止滑动，不影响页面解决办法

微信小程序中 swiper 组件禁止上下滑动，这个实现起来比较简单，该组件的 swiper-item 里面上下滑动会执行函数 catchtouchmove，直接可以通过控制这个函数来实现：```html ``````javascriptstopTouchMove: function () { return false;}```此方法可以阻止 swiper 滑动，但是会导致页面不能滑动

微信小程序实现锚点效果 scroll-view的scroll-into-view属性

小程序中实现锚点效果，可以直接使用scroll-view的scroll-into-view属性就可以实现锚点效果，比较方便简单。那么需要用到scroll-view那些参数呢，下面具体讲讲：- scroll-x | scroll-y：设置滚动刚想- scroll-into-view：子元素id（id不能以数字开头）。设置哪个方向可滚动，则在哪个方向滚动到该元素。- scroll-with

小程序清理本地缓存wx.clearStorage()，wx.removeStorage()

wx.clearStorage() 清除本地所有小程序，wx.clearStorageSync()为同步接口，效果同理。我们先随便添加2条缓存；wx.setStorageSync("name", "测试小程序");wx.setStorageSync("版本", "1.0.0");然后我们使用wx.clearStorage()方法.

控制wx:for循环渲染数据

场景：只渲染10条数据中的前5条，这里使用 wx:if 和 index 来进行限制，这里实例我们显示前5条（也就是索引小于5）。list: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]先看未添加显示效果{{item}}增加显示后效果

微信小程序模板 template 的使用

template可以理解为：通用模板、通用函数，就是可以在多个地方重复使用，可以减少代码冗余，也管理方便，使用比较方便。####举个栗子：如图所示，像购物类小程序，猜您喜欢这种板块一般都会在多个地方出现，咱们可以把wxml里的代码提取出来，放到template里，通过数据传输，就可以达到不同地方使用同一样式，展示内容

微信小程序如何判断系统（ios，安卓，windows）

小程序中提供了wx.getSystemInfo(OBJECT)，可以获取到当前设备信息；在获取到的设备信息结果中，找到platform属性（客户端平台），然后可以使用platform进行条件判断，针对不同客户端显示不同内容；

[微信小程序]实现小程序跳转其它小程序

这里我们直接使用官方提供的方法即可：wx.navigateToMiniProgram，下面我们就来介绍一下：appId：要打开的小程序 appId，path：打开的页面路径，如果为空则打开首页，可携带参数。如：传入 "?foo=bar"。**extraData：**需要传递给目标小程序的数据，目标小程序可在App.onLaunch，App.onShow中获取到

[微信小程序]设置缓存过期时间

因为小程序缓存没有说明具体清除时间，所以我们就得自己设置过期时间对缓存进行清理，以达到我们的业务场景，方便使用。获取缓存的过期时间let clearTime = wx.getStorageSync("clearTime");// 判断clearTime是否存在if (clearTime) {if (new Date().getTime() > clearTime) {// 已过期，

[微信小程序] 获取view宽高度、获取自定义组件宽高度

获取view宽高度给view设置一个id（class）名，用法和jQuery类似，用来获取指定id相关信息。测试view把方法写在onReady，是为了再页面初次渲染完成后，再去获取，避免不准确或获取不到的情况。

[微信小程序] 获取地理位置

wx.getLocation(OBJECT)获取当前的地理位置、速度。当用户离开小程序后，此接口无法调用。开启高精度定位，接口耗时会增加，可指定highAccuracyExpireTime作为超时时间。| 属性 | 类型 | 默认值 | 必填 | 说明 ||--|--|--|--|--|| type | string | wgs84 | 否 | wgs84 返回 gps 坐标，gcj02 返回可用于wx

[微信小程序] 开发注意事项、疑问、代码优化

在开发小程序的时候，或多或少都会遇到些问题，也有很多容易被忽略的问题；前端以提升用户体验为主，适当规避问题、优化代码可提升性能，可大大提升用户体验。注意事项1. 自定义组件自定义组件内wxss里不能使用标记选择器、ID选择器、属性选择器；

[微信小程序] 动态设置页面标题、导航条 navigationBarTitleText

navigationBarTitleText用于小程序设置当前页面标题，可以给每个页面设置独立的标题，但是这样不能满足一些特殊业务场景；比如说商城，商品详情页面的标题，会根据获取到的数据动态修改，下面就来说说如何动态修改标题以及导航条相关设置。