小程序学习记录

WXMl文件

1、绑定点击事件

在事件前加bind，如：bindtap

2、模版template

// 定义模版
<template name="item">
    <text>{{data.title}}</text>
</template>
//引用模版
<import src="文件路径" />
<template is="name" data="{{data}}"/>

3、js中获取wxml中自定义的属性

// wxml 中自定义属性， 以data-开头
<view data-item-id="1"></view>
//js中获取属性名为驼峰命名法
onTap:function(event){
   var id = event.currentTarget.dataset.itemId
}

js文件

1、跳转

wx.navigateTo ：跳转至二级页面，带返回
wx.redirectTo ：重定向，不带返回

2、模块

// 定义模块
var a = "test"
module.exports = {
       title:a
}
// 引用模块
var data = require("文件路径")
console.log(data.title); // test

3、向二级页面传递数据

// 一级页面
wx.navigateTo({
      url: '../url?id='+id,
})
// 二级页面
onLoad: function (options) {
    var id = options.id;
}

4、缓存

// 获取缓存
wx.getStorageSync('key');
// 设置缓存
wx.setStorageSync('key',data);
//清除缓存
wx.removeStorageSync('key')
//清除全部缓存
wx.clearStorageSync()