微信小程序学习笔记

1、.wxml文件放置各类控件，手工数据。

2、.wxss文件设置控件的样式，基本等同于CSS文件

3、js文件设置程序的运行逻辑

4、在.wxml文件中，通过{{ }}建立变量与页面内容之间的关联，如

  <button bindtap="guess">{{title}}</button>，将title变量与button的显示内容关联。

4、在js文件中，在page之前设置全局变量，page里边的data数据要通过 this.setData({ title:'停止', isRunning:true});命令修改。

Page.prototype.setData() 

setData 函数用于将数据从逻辑层发送到视图层，同时改变对应的 this.data 的值。 

setData() 参数格式 

接受一个对象，以 key，value 的形式表示将 this.data 中的 key 对应的值改变成 value。 

其中 key 可以非常灵活，以数据路径的形式给出，如 array[2].message，a.b.c.d，并且不需要在 this.data 中预先定义。 

注意： 

直接修改 this.data 而不调用 this.setData 是无法改变页面的状态的，还会造成数据不一致 

单次设置的数据不能超过1024kB，请尽量避免一次设置过多的数据。

5、计时器的设置函数为

this.timer=setInterval((function(){

this.change()//指定定时运行的函数

}).bind(this),//计时器绑定的对象

100//运行的时间间隔;

  }

6、计时器的取消函数为

this.timer&&clearInterval(this.timer);

7、

1、wx:for渲染后传值问题：

用wx:for渲染后，如果想在绑定的事件中获取点击项中的数据，则在wx:for的标签的属性中要加入data-item属性，具体如下：

a.wml文件

<view  wx:for="{{MeetingRoom}}" bindtap='fordetails' data-name="{{item.name}}">
        <view >
          <view >
            <view >{{item.name}}</view>
            <view >地址：{{item.location}}</view>
          </view>
         </view>

　a.js文件

Page({
  data: {
   MeetingRoom:[{
     id:"1",
     name:"1号会议室",
     location:"1楼101室"
   },{
     id: "2",
     name: "2号会议室",
     location: "2楼202室"
     },{
       id: "3",
       name: "3号会议室",
       location: "3楼303室"
   },{
     id: "4",
     name: "4号会议室",
     location: "4楼404室"
     }, {
       id: "5",
       name: "5号会议室",
       location: "5楼505室"
     }]
  }，
fordetails:function(e){
  console.log(e.currentTarget.dataset.name)
  wx.navigateTo({
    url: '../detail/detail',
  })
}）

 data-item中设置的key对应的value就可以在e.currentTarget.dataset中获取到

2、跨页面传值

若想进行跨页面传值，则需要在页面跳转语句的地址中追加需要传的值，代码如下：

wx.navigateTo({
     url: '../detail/detail?name=1号会议室' 
   })

取值可以在跳转页面的onLoad函数中加载，代码如下：

onLoad: function (options) {

this.setData({

 roomname:options.name

 })

 }