微信小程序入门（三）

动画效果：

（1） 通过wx.createAnimation创建动画，duration（动画时长），timingFunction（动画效果）delay（动画延时时间）通过这三个参数对动画进行配置。

 var attentionAnim = wx.createAnimation({   
       duration: 1000,   
       timingFunction: 'ease',      
       delay: 0 
    })

timingFunction：linear(匀速)，ease(从慢到快，快结束时降低速度)，ease-in（慢-快），

ease-in-out（慢-快-慢），ease-out（快-慢），step-start(动画第一帧就跳至结束状态直到结束)，

step（动画一直保持开始状态，最后一帧跳到结束状态）

（2） 赋予动画效果（移动，旋转，放大等）

  this.attentionAnim.translate(0,10).step() //向Y轴方向平移10个像素

（3） 导出动画到对应做动画效果的控件使其实现动画

 this.setData({      
  	 //导出动画到指定控件animation属性       
   	 attentionAnim: attentionAnim.export()     
   })

（4） 声明参数接收动画

 data: {
     attentionAnim:""
}

（5） 指定控件声明动画属性

 <view  animation="{{attentionAnim}}" ></view >

循环动画实例：

 var attentionAnim = wx.createAnimation({      
 duration: 1000,     
  timingFunction: 'ease',      
  delay: 0    })    
  //设置循环动画    
  this.attentionAnim = attentionAnim   
   var next = true;   
    setInterval(function () {      
    if (next) {       
     //根据需求实现相应的动画       
      this.attentionAnim.translate(0,10).step()       
       next = !next;     
        } else {       
         this.attentionAnim.translate(0,-10).step()       
          next = !next;      
          }      
          this.setData({ 
 	//导出动画到指定控件animation属性      
  	 attentionAnim: attentionAnim.export()      
       })   
    }.bind(this), 1000)

全局变量：

（1） 在app.js中定义全局变量与方法。

App({ 
 globalData: { 
    navtext: "我是全局变量"
 },  
  //全局方法  
 fun1:function(){   
    console.log("全局方法"); 
  }
})

（2） 在其他页面获取变量和执行方法和修改全局变量

var app = getApp();
Page({
onLoad: function (options) { 
	console.log(app.globalData.navtext); //获取
	app.globalData.navtext = "修改全局变量"  //修改
	app.fun1()  //调用方法
}
})

页面的流程控制语句

if else语句：

<view wx:if="{{navtext == navtext1}}">
	//条件成立
</view>
 <block wx:else>
 	//条件成立不成立
 </block>    

for循环：

 <block wx:for="{{tabDate}}" wx:for-index="idx" wx:for-item="navItem" wx:key="idx">
  <view class="nav-item"  data-current="{{idx}}" bindtap="switchNav1">{{navItem1}}</view>
    </block>