1.所有的块级元素用:
<view>内容</view>
2.所有文字用:
<text>文字</text>
3.for循环是这样的:
<view wx:for="{{list}}" wx:key="{{index}}">{{item}}</view>
4.if判断是这样的:
<view wx:if="{{state == 1}}">1</view>
<view wx:elif="{{state == 2}}">2</view>
<view wx:else>其他</view>
5.点击事件和参数传递:
Wxml:
<view wx:for="{{list}}" wx:key="{{index}}" data-id="{{item.id}}" bindtap="clickView">{{item.id}}</view>
Js:
Page({
data: {
list: [{ id: 22 }, { id: 33 }]
},
clickView(item){
console.log(item.currentTarget.dataset.id)
},
})
6.跳转路由:
跳转tab(无法在链接后携带参数):
wx.switchTab({
url:'../read/index'
});
跳转非tab并携带参数:
wx.navigateTo({
url: '../goods/index?id=' + id,
})
获取跳转携带的参数
在跳转后的页面的onLoad 钩子
onLoad: function (options) {
console.log(options.id)
},
7.全局变量:
添加
app.js
globalData:{
number: 2,
}
在指定js中获取
var number = getApp().globalData.number;
8.储存数据:
同步
储存数据
wx.setStorageSync('id', id);
移除储存数据
wx.removeStorageSync('id');
获取储存数据
wx.getStorageSync('id');
清除储存数据
wx.clearStorageSync();
异步
储存数据
wx.setStorage('id',id);
移除储存数据
wx.removeStorage('id');
获取储存数据
wx.getStorage('id');
清除储存数据
wx.clearStorage();
9.接口请求:
wx.request({
url: url,
header: '',
data: data,
method: 'POST'|'GET',
success: function (res) {
resolve(res);
},
fail: function () {
reject();
},
});
10.Promise封装请求:
GET:
host = "http://192.168.4.144:8888"
function fetch(url) {
return new Promise(function(resolve,reject){
wx.request({
url:host+url,
method:'GET',
success:function (res) {
resolve(res);
},
fail:function(res) {
reject(res)
}
})
})
}
调用GET:
fetch("/login").then(function(res){}).catch(function(res){})
POST:
function post(url,data) {
return new Promise(function(resolve,reject){
wx.request({
url: host + url,
header: '{ "content-type": "application/json;charset=UTF-8" }',
data: data,
method: 'POST',
success: function (res) {
resolve(res);
},
fail: function () {
reject();
},
})
});
};
调用POST:
Post("/add/user",data).then(function(res){}).catch(function(res){})
小程序——最常用
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 转载地址:codebay.cn/post/127.html(代码湾) 我听说编程语言,经常使用的是其中20%的技术...
- 要判断一个程序员是不是好的程序员,看他写的代码就可以略知一二,因为程序员最重要的事是写代码。 好的程序员写的代码...
- 一、@property 本质 @property= ivar(实例变量) +getter/setter(存取方法)...