组件使用问题
1、scroll-view滚动到指定位置：用到scroll-view的scroll-into-view属性
使用场景：
- 按字母顺序滚动
- 聊天框最新聊天信息在底部
http://blog.csdn.net/zhaoyazhi2129/article/details/53787695
2、动态类名绑定
<view wx:for="{{labelList}}" class="label-item {{item.isActive?'label-active' : '' }}">{{item.name}}</view>
3、分享图片
https://mp.weixin.qq.com/debug/wxadoc/dev/api/share.html#onshareappmessageoptions
image.png
4、页面传参
<navigator url="/pages/order/order-detail/index?id={{item.id}}" class="flex title-box"></navigator>
5、生成二维码：http://blog.csdn.net/wtdask/article/details/73776356
6、小程序开卡组件： https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1499332673_Unm7V
7、switchTab跳转之后页面不刷新
wx.switchTab({
url: '../index/index',
success: function (e) {
var page = getCurrentPages().pop();
if (page == undefined || page == null) return;
page.onLoad();
}
})
8、动态设置tabbar
https://mp.weixin.qq.com/debug/wxadoc/dev/api/ui-tabbar.html#wxsettabbarstyleobject
API--界面--设置tabbar
image.png
工具问题
1、0.17版本的wx.request（）会发不出请求，需要改成0.22版本的就好了
2、善用工具
一个小程序的组件化开发工具wepy
wepy： https://segmentfault.com/a/1190000007580866
github：https://github.com/Tencent/wepy
image.png
image.png
API调用问题
- wx.getUserInfo(): 能调起授权确认弹窗
- wx.login()： 调用wx.login()获取登录凭证（code），用code调用服务器后台API换取用户登录态信息，openid，session_key，union_id 【调用login会引起登录态的刷新，之前的sessionKey会失效】
- wx.request()：发起请求
- wx.checkSession()：检查当前用户的登录状态是否有效
wx.checkSession({
success: function(){
//session 未过期，并且在本生命周期一直有效
},
fail: function(){
//登录态过期
wx.login() //重新登录
....
}
})
-
登录态的维护：
image.png
引用外部资源：js和wxss
js
// format.js
const formatTime = ()=>{}
module.exports = {
formatTime: formatTime
}
// index.js 引入
const format = require('../../utils/format)
//使用
format.formatTime()
wxss
// index.wxss
@import '../../common.wxss'
