要想熟练开发微信小程序，需要了解有哪些常用的小程序开发方法。与开发网页app相比，小程序中的方法有特定的编写规则，存在一定程度的差异，本文简单列举一些开发小程序常用的方法，供开发新手了解。
1、if判断
if判断为逻辑函数方法，通常对条件或结果进行是否判断，使用方法如下
wx:if={{item.id && item.lessNum != 0}}
2、for循环
for循环为逻辑循环函数方法，通常制定规则让一段过程在规则符合的情况下重复执行，使用方法如下
3、data中的数据，想要在函数中更改的方法
_this.setData({
// 日历数据
signList:dataList,
// 当前日期
todayDay: str
})
4、自定义属性
js取值
shopPost:function(event){ var postId = event.currentTarget.dataset.postid }
5、小程序实现登录界面
html页面
登录
登录
js页面
复制代码
//logs.js=
Page({
data: {
logs: [],
userName: \'请输入登录名\',
userPassword: \'\'
},
// 登录
formSubmit: function(e) {
console.log(e.detail.value);
//获得表单数据
var objData =e.detail.value;
if (objData.userName&& objData.userPassword) {
// 同步方式存储表单数据
wx.setStorage({
key: \'userName\',
data:objData.userName
});
wx.setStorage({
key:\'userPassword\',
data:objData.userPassword
});
//跳转到成功页面
wx.navigateTo({
url:\'../lineOrder/index\'
})
}
},
//加载完后，处理事件
// 如果有本地数据，则直接显示
onLoad: function(options) {
var that = this;
//获取本地数据
wx.getStorage({
key: \'userName\',
success: function(res) {
console.log(res.data);
that.setData({userName: res.data });
}
});
wx.getStorage({
key:\'userPassword\',
success: function(res) {
console.log(res.data);
that.setData({userPassword: res.data });
}
});
}
})
6、页面的跳转
js控制跳转
wx.navigateTo({
url:\'../blueberry/blueberry\'
})
html跳转
跳转到新页面
在当前页打开
切换到首页Tab
带参数跳转
(a):Html带参数，如果需要传多个参数, 用&链接即可
下一个页面接受参数
onLoad: function(options) {
this.setData({
title:options.title
})
}
如果要传数组,字典等复杂类型,要先用JSON.stringify()转成字符串传递。
推荐阅读：微信小程序开发使用样式教程 微信小程序开发教程
参与讨论
发表评论