这次小程序开发所有功能和组件全部都是自己手写 的,因为之前也没意识到用别人的插件,所以花费了比较大的力气,几乎每天晚上都是7点半之后才下班,虽然辛苦了几个月,但是还是有所收获的,记下笔记,放下下次可以快速上手
1.小程序的模态框有以下几种,差不过等于alert confirm,而且自动居中,这些都比较好用,特别是showModal用的最多
2.列表的分页加载,这次列表的分页加载参考的是他人的帖子的方法
that.setData({searchLoading: true, searchLoadingComplete: false,dataArray: []}) if (res.data.error == 0 || res.data.error == 2) { var data = res.data; // 接口相应的json数据 var xuans = data.data; // 接口中的data对应了一个数组,这里取名为 xuans that.setData({ ["dataArray[" + currentPage + "]"]: xuans, currentPage: currentPage }) if (res.data.error == 2) { that.setData({searchLoading: false, searchLoadingComplete: true}) } else { that.setData({searchLoading: true, searchLoadingComplete: false}); } } else { that.setData({searchLoading: false, searchLoadingComplete: true}) } //延迟隐藏加载图层,因为关闭图层方法执行后,setData页面的渲染效果还未完成 setTimeout(function(){ wx.hideLoading() },500)
但是之间出现了很多问题,页面下拉刷新的时候,没有拉到顶部就开始重新加载,这是由于无法给scroll-view定高度,不同的手机高度都不同。所以最后改成了onTabItemTap() 方法,每次tab切换到页面都会重新去加载,这样看起来更加自然点。但是这样又有一个问题,就是每次加载页面,会不定时的出现页面渲染过慢的问题。然后我在每次ajax请求完成后,都加了一个0.5秒的定时器,让页面的显示显得平缓些,但是还是没有达到我的要求,所以准备参考 https://www.2cto.com/kf/201808/770939.html 这篇博客的文章的方法,对其优化。优于已经上线了,所以具体的优化效果未知,感觉可以提升个0.5秒左右。
这次最高兴的就是做到的微信支付,文档看起来很复杂,最后合并了方法写在自己封装的类里就两个文件,80多行代码。
3.用户登录
目前小程序的用户登录,放弃以前的自动弹出授权的窗口。必须要用户自己点击才能出发授权,据说是因为之前facebook用户信息大量泄漏,所以腾讯整改了用户授权接口。
用户授权登录后,会返回一个sessionId , 这个sessionId有时效性。
官方推荐的登录方法为:用户第一次授权登录,服务器将sessionId保存到数据库,小程序端将sessionId保存到缓存中,
原文:https://www.cnblogs.com/fpcing/p/10494706.html