小程序开发技巧（初级）

刚接触时记录的文档 直接粘过来了；

1.如何获取自定义属性：
在标签上自定义属性可以使用：data-* 的方式来完成；
在获取的时候可以使用：e.target.dataset.* 的方式来获取；
2.如何获取当前页面上的数据：
可以使用：this.data.* 来获取或者修改数据；
*.跳转页面的方式：
2.1.使用wx.navigateTo接口跳转,原页面保留，使用 wx.navigateBack({delta: 1}) 可以返回；
传递的参数在接收页面onLoad()函数中得到值：option.id就可以得到了；
wx.navigateTo({
//目的页面地址
url: ‘pages/logs/index?id=01&name=“张三”’,
success: function(res){},
…
})

2.2.使用wx.redirectTo接口跳转，关闭原页面不能返回，跳转到非tabBar的某个页面。
  wx.redirectTo({
      //目的页面地址
      url: 'pages/logs/index',
      success: function(res){},
      ...
  })

2.3. 使用组件
示例： 点击跳转
　　 2.4. wx.switchTab ，跳转到tabBar的某个页面，
注意switchTab只能跳转到带有tab的页面，不能跳转到不带tab的页面；
3.自定义模板（代码片段）使用：
可以创建一个专用于存放模板的文件夹；
3.1.创建模板：代码片段
注意：name属性很重要，因为一个文件中可能包含多个模板，name属性就是用来区分的；
3.2.使用模板：
在需要的地方：
//引入模板目标文件
//要使用哪一个模板 data是需要的数据参数，可以为多个使用逗号分开
wxss文件可以在app.wxss、需要使用的文件wxss中引入都可已：
@import “pages/template/template.wxss”
4.模态窗操作：
4.1 确认框
wx.showModal({
title: ‘温馨信息’,
content: ‘请允许小程序获取您的未知信息，方便为您提供定位服务’,
showCancel: true,//是否显示取消按钮 true/false
cancelText:“取消”,//默认是“取消”
cancelColor:‘red’,//取消文字的颜色
confirmText:“去开启”,//默认是“确定”
confirmColor: ‘red’,//确定文字的颜色
success:function(res){
if(res.confirm){
console.log(“点击了确认”)
}else{
console.log(“点击了取消”)
}
}
})
4.2 弹出框
wx.showToast({
title: ‘成功’,
icon: ‘success’,
duration: 2000
})

      //关闭
      wx.hideToast()：

5.定时器：
//获取验证码
let that = this;
let s = that.data.s;
timer = setInterval(function () {
if(s == 1){
console.log(“解除定时器”)
that.setData({
checkCodeValue:“获取验证码”,
disabled:false,
s:60
})
clearTimeout(timer);
}else{
that.setData({
disabled:true,
s: s–,
checkCodeValue:m+“s后重新发送”
})
}
}, 1000);
6.子元素调用 App 内的方法：
let app = getApp();
app.getGlobalDate();
7.获取当前屏幕宽度：
wx.getSystemInfoSync().windowWidth