小程序滑动切换
微信小程序动态显示和隐藏某个控件新手教程。在小程序的开发过程中，经常需要用到隐藏某个控件这种情况。
因为项目原本是需要将两个canvas切换，但是小程序的canvas支持的功能实在是少，本来就jQuery mobile或者将canvas转为图片就可以很容易实现滑动效果，但是都不支持，最后只能是做一个canvas，需要时显示，不需要时隐藏。
实现方法：
logs.wxml
?
123456
<view> <button bindtap="onChangeShowState">{{showView?'Click To Check IdleReason':'Click To Check MTStatus'}}</button> </view> <view class="{{showView?'bright789_view_show':'bright789_view_hide'}}"> <canvas canvas-id="pieCanvas1" ></canvas> </view>
logs.js
?
123456789101112131415
Page({ data: { showView: true }, onLoad: function (options) { // 生命周期函数--监听页面加载 showView: (options.showView == "true" ? true : false) } , onChangeShowState: function () { var that = this; that.setData({ showView: (!that.data.showView) }) }, })
logs.wxss
?
123456
.bright789_view_hide{ display: none; } .bright789_view_show{ display: block; }
从上面三个页面的文件可以很明显看出逻辑：logs.wxml的onChangeShowState按钮会在logs.js中触发一个事件，它会改变showView的值，而在logs.wxml中会根据showView的值确定画布canvas的class属性，而在logs.wxss中具体再设置两个class属性哪个是否显示
2. 微信小程序swiper切换选项卡,每个选项卡内容不一样,,怎么让item的高度自适应
计算出高度后重新赋值
3. 如何取消微信向右滑动退出页面这个功能
微信向右滑动退出页面这个功能不能取消。
4. 怎么实现一个小程序
目前实现一个小程序，主要有三种方式：
1、直接通过微信申请小程序。这种小程序只有展示作用，没任何功能，基本属于没有商业价值的残次品。据统计，大约5%的商家会选择这种模式。
2、企业下血本组建研发团队，自主开发。 选择这种方式的大多是大企业或互联网公司，目前大约有10%的企业会选用这种模式。
3、就是通过第三方平台开发的小程序。选择这种模式得商家最多，约占85%。
第1种方式做的小程序基本上都是残次品， 第2种方式对很多公司不可取，因为没有强大的技术团队。所以，主要讲讲如何通过第三方平台开发一个性价比高的小程序。这种小程序最大的优点就是开发价格较低，根据功能一般几千，或者一两万就可以实现，还有就是开发周期短；就是能满足你的所有需求，能给到你想要的产品和服务，而不是千篇一律的UI设计，很差的用户体验，降低销售额。
5. 小程序用swiper为什么会有卡顿的问题
看了这么多忽悠人的回答，我忍不住了！！这个卡顿可能（我觉得是一定，怕你们喷）是swiper内部数据渲染导致的，如果你们的是如下写法时出现的，那请认真看我的这个说明：1.是否在swier-item里是死数据时没出现卡顿，2.当swiper-item的动态渲染，swiper-item下数据变化时卡顿。
解决办法：在data定义一个数组：arr:[];在获取到tab栏类目的时候动态添加对象到arr里，变成：arr[{num:0,content:[]}，{num:1,content:[]}...],然后用arr去渲染swiper-item,content为swiper-item内部的数据。每当切换一个新的tab时，拿到tabindex（tabindex为tab栏切换或者滑动改变的值）在arr里找到对应位置，先检测一下对应位置的content是否为空（是否已经存过数据，不过这个在该tab下数据为空时不准确），为空时请求到的数据把它放到对应位置的content里，部分代码如下"
<block wx:for="{{arr}}" wx:for-item="tabItem" wx:for-index="idx" wx:key="idx">
<swiper-item>
<block wx:for="{{tabItem.content}}" >...{{item.name}}....</block>
</swiper-item>
</block>"。content不为空什么都不做。这样就搞定了！！！
原因：这样做了以后,swiper-item只会渲染一次，除了你第一次切换tab时需要加载数据，其他时候都直接切换已经渲染好的swiper-item,就不会出现卡顿现象了，如果你解决了问题，就点赞吧，让更多人看见。。。菜鸟一枚，轻喷。。。
6. 微信小程序bindchange是什么事件
bindChange 为输入框发生改变事件。微信提供的 bindchange 在支持方面还有小问题，目前是失去焦点才能触发到此事件的发生。
如果在 bindchange 的事件回调函数中使用 setData 改变 current 值，则有可能导致 setData 被不停地调用，因而通常情况下请在改变 current 值前检测 source 字段来判断是否是由于用户触摸引起。
swiper里加了bindchange事件，有很多个swiper-item，连续快速切换swiper-item触发bindchange事件，小程序会出现一直无限触发bindchange事件。请检查是否在change事件中使用setData改变current值，请避免该操作。
(6)小程序滑动切换扩展阅读
bindchange 是 swiper 组件的属性之一，类型为 eventhandle 。
current 改变时会触发 change 事件，event.detail = {current, source}。当滑块的current改变时会触发该事件并执行绑定的方法。
swiper组件是小程序中使用频次最高的组件之一，属于视图容器类组件，它通过对自身属性进行简单配置就可以实现在前端开发中要写很多代码才能完成的轮播图效果。
7. 移动端swiper做页面切换，如何让做最后一页滑动时回到第一页
1、首先把Swiper的开发包下载下来。然后查看下demo的格式，发现是一个三层结构，加一个分页swiper-pagination（这个可有可无），然后通过new Swiper初始化。
8. 小程序滑到下面时切换tab栏没有重新从顶部开始
那就在这个函数里，写一个滚动到顶部的操作就行了，就跟一般“回到顶部”这个按钮操作一个道理。切换的时候把scrolltop写成0就行了。
9. swiper loop滑动到最后一个跳转第一个后不动了
你如果设置了slidesPerview就需要为loopedSlides设置一个值。示例：
loop : true,
slidesPerView : 'auto',
loopedSlides :8,