首页 > 微信 > 详细

小程序开发

时间:2019-03-08 11:41:56      阅读:205      评论:0      收藏:0      [点我收藏+]

这次小程序开发所有功能和组件全部都是自己手写 的,因为之前也没意识到用别人的插件,所以花费了比较大的力气,几乎每天晚上都是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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!