学习小程序一周左右了,说一下自己使用过程中的感觉,下面的截图,我是用小程序写的以前公司的项目的demo,使用起来和app使用感觉差别不是很大,因为以前也写过React Native 感觉这两者之间有很多共同点。
- 一,项目结构
这个就不用多说了,官网上写的很详细,跟着看一下就知道了。 - 二,布局
小程序的布局和React Native 差不多,几乎一个flex布局就可以搞定所有样式了,相对于 原生app来说,flex布局更简单,搭建的也效率。 - 三,调试
这个就要跟web端调试几乎差不多了,不多提了
放一下自己用到的网络请求的封装
在app.js中,添加下面代码
//全局对象httpClient
httpClient: {
request: function (method, url, data) {
//返回一个promise实例
return new Promise((resolve, reject) => {
wx.showNavigationBarLoading()
wx.request({
url: url,
data: data,
mehtod: method,
success: function (res) {
resolve(res)
},
fail: function (res) {
reject(res);
},
complete: function () {
wx.hideNavigationBarLoading()
console.log('complete');
}
})
})
},
//get方法:用来获取数据
get: function (url) {
return this.request('GET', url);
},
//post方法:用来更新数据
post: function (url, data) {
return this.request('POST', url, data);
}
}
使用的时候也很简单
var app = getApp();
app.httpClient.post('url',param).then(res=>{
成功处理
}).