1.接口的封装
function _post(page, api, params = { }){
return new Promise(
(successCallback, failCallback) => {
wx.request({
url: ‘域名’ + api,
data: params,
method: ‘POST’,
header:{
‘Cookie’: wx.getStorageSync(‘Cookie’),
‘Content-Type’: ‘application/x-www-form-urlencoded’
},
success: res => {
console.log(res);
successCallback(res);
},
fail: res => {
console.log(res);
failCallback(res);
},
})
}
)
}
2.小程序的的分享功能
在工具的js文件中
const share = ()=>{
return{
title: ‘小程序的的名字’
path: ‘/pages/index/index?ic’ + wx.getStorageSync(‘inviteCode’)
imgeUrl:"",
success:function (res){}
}
}
3.轮播图的使用
4.小程序的跳转页面
给页面布局加监听bindtap事件,然后在方法里面,通过wx.navigatorTo来实现跳转(保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面)
函数名:funciton (){
wx.navigateTo({
url: ‘…/login/login’,
success: function(res) {
consloe.log
},
}
小程序跳转外部链接
通过wx.redirectTo实现跳转(关闭当前页面,跳转到应用内某个页面)
通过wx.navigateBack返回上一级(关闭当前页面。返回上一页面或多级页面)。
5.同一个页面传递不同的参数,请求同一个接口
onShowArticle1: function(e){
let index = e.currentTarget.dataset.id
wx.setStorageSync(‘article’, this.data.articleList1[index])
wx.navigateTo({
url: ‘…/…/component/detail/detail’,
})
},
onShowArticle2: function(e){
let index = e.currentTarget.dataset.id
wx.setStorageSync(‘article’, this.data.articleList2[index])
wx.navigateTo({
url: ‘…/…/component/detail/detail’,
})
},
6.按钮分享
分享给好友
7.小程序的授权
if (app.globalData.userInfo) {
// 已经授权过了
this.setData({
userInfo: app.globalData.userInfo,
hasUserInfo: true
})
this.onShow()
} else if(this.data.canIUse) {
app.userInfoReadyCallback = this.userInfoReadyCallback
} else {
// 在没有 open-type=getUserInfo 版本的兼容处理
wx.getUserInfo({ success: this.userInfoReadyCallback })
}
8.小程序获取时间
直接引进 js 文件 ,设置计时器,在小程序的onshow 里开启计时器 在 onhide 函数里清楚计时器
9.小程序的下拉刷新
第一步,在相对应的页面的json 文件中 开启此功能 “enablePullDownRefresh”: true,
onPullDownRefresh: function () {
// 加载邀请数量
request.get_invite_count(this, {}, ‘invitedCount’).then(
res => {
this.setData({
start: 0,
invitedList: [],
reachBottom: false
})
this.onReachBottom()
wx.stopPullDownRefresh()
}
)
},
在 onload 中 调用此方法 this.onPullDownRefresh()
10.小程序的form 表单提交
使用 form 标签将 将其 input 或者fixed 包裹起来
js中首先在 data 中 参数设置为空
在 onload 中对应的把输入框的值赋值给相对应的参数
最后在form表单的事件中去判断