小程序总结

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表单的事件中去判断

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值