1.tabBar
list中配置至少两个页面
注意:tabBar中配置的路径不能使用wx.navgateTo跳转,如果需要跳转使用wx.switchTab方法
2.本地存储
设置本地存储:异步 wx.setStorage({key,'',value:'',success:function(res){}})
同步 wx.setStorageSync(key,value)
读取本地存储:异步 wx.getStorage({key:'',success:function(res){}})
同步 wx.getStorageSync(key)
3.form表单值的获取
第一种方式:通过e.detail.value获取,事件要绑定到表单元素上
然后把值绑定到data中
点击按钮时,获取data中存储的表单元素值,需要有延时定时器
第二种方式:使用form包裹表单元素,提交时会获取所有用户输入
4.转发
onShareAppMessage:function(){}
5.背景音乐
旧api
wx.getBackgroundAudioPlayerState 获取状态
wx.playBackgroundAudio 播放
wx.pauseBackgroundAudio 暂停
新api
wx.getBackgroundAudioManager()
6.请求豆瓣api数据
1.豆瓣api地址: https://api.douban.com/
2.wx.request({})发送请求
3.豆瓣api 403错误
解决方案:1.使用别人的代理 https://douban.uieee.com
2.自己做代理 node中间件
4.使用全局数据
1.把数据定义到全局对象中
在app.js中的globalData 中定义
globalData: {
doubanapi:'https://douban.uieee.com'
}
2.在组件中使用
需要获取小程序实例化对象
var app = getApp()
从实例化对象中获取全局数据
var doubanapi = app.globalData.doubanapi
5.公用方法
util.js中定义一些公用方法
1.定义:在util.js中定义函数,然后导出
function http(url,cb){
wx.request({
url: url,
method: 'GET',
header: {
'content-type': 'application/xml'
},
success: function (res) {
cb(res.data)
}
})
}
module.exports = {
http:http
}
2.使用公用方法
引入util.js到组件中
var util = require('../../utils/util.js') ;
使用公用方法
util.http();
6.处理星星
星星:给的是数据 00,10,20,30,40,50
处理思路:
星星总数:5颗
星星分:黄色的和灰色的
黄色星星的数量:
十位上的数字决定
灰色星星数量:
5-黄色星星的数量
具体做法:
最终传递一个数组给star.wxml
数组形式:[1,1,0,0,0]
7.更多页面
在更多view上添加点击事件,点击事件触发页面跳转 : 电影页 -> 电影更多页
需要传递电影类别 <view data-newstype='{{text}}' catchtip='toMore'>
在js中 可以通过 e.currentTarget.dataset.newstype 获取到电影类别
然后实现跳转,跳转时需要把电影类别传递给 电影更多页
wx.navigateTo({
url: "/pages/movie/movieMore/movieMore?newstype="+newstype,
})
再然后在movieMore页面js的onLoad生命周期函数中可以获取到newstype
onLoad:function(options){
options.newstype
}
8.上拉加载,下拉刷新
上拉加载:onReachBottom:function(event){}
下拉刷新:onPullDownRefresh
使用下拉刷新,需要先在app.json中配置允许下拉刷新
9.详情页