微信小程序开发小结

  1、点击按钮分享功能:

  使用Button组件,设置open-type="share",然后在js文件的onShareAppMessage方法中设置如下:

onShareAppMessage: function (options) {
let shareObj = {}
if (options.from == "button") {
    //设置title、path、imageUrl
   shareObj.title = ‘‘
   shareObj.path = ‘‘
   shareObj.imageUrl = ‘‘
}
return shareObj
}

  2、Navigator组件中的子元素也绑定了事件,点击子元素触发时,页面会跳转。

  解决:子元素绑定事件时不要用bindtap,改用catchtap

  3、获取当前页面的url(完整路径)。写成工具函数如下:

function getCurrentPageUrlWithArgs(){
    var pages = getCurrentPages()    //获取加载的页面
    var currentPage = pages[pages.length-1]    //获取当前页面的对象
    var url = currentPage.route    //当前页面url
    var options = currentPage.options    //如果要获取url中所带的参数可以查看options
    var urlWithArgs = ‘‘
    //拼接url的参数
    if (options) {
      urlWithArgs = url + ‘?‘
      for(var key in options){
        var value = options[key]
        urlWithArgs += key + ‘=‘ + value + ‘&‘
      }
    } else {
      urlWithArgs = url + ‘ ‘
    }
    urlWithArgs = urlWithArgs.substring(0, urlWithArgs.length-1)
    return urlWithArgs
}

  4、小程序分页数据限制:

  常规的做法是,将每次新获取的数据拼接到当前数组中去。这样,对于数据量较小的情况下是没什么问题的,但是如果数据量比较多,很容易就超出1024kb的限制。

  那么该如何缓解这种问题呢?这里参照了百度小程序的解决方案,就是使用二维数组来解决。

this.setData({
  [‘hotTodayList[‘ + curPage + ‘]‘]: res.list,  // curPage表示二维数组的下标,如果分页是从1开始,则curPage等于当前页减去1,如果分页从0开始,则curPage就等于当前页数
  pageNum: this.data.pageNum + 1,
  totalPage: totalPage,
})

  在页面渲染的时候,就要使用两个for循环来渲染数据了。 

<block wx:for="{{hotTodayList}}" wx:for-item="arrItem" wx:for-index="arrIndex">
  <block wx:for="{{arrItem}}" wx:for-item="item" wx:key="index" wx:for-index="index">
    // 需要渲染的页面结构
  </block>
</block>

  注意:在刷新的时候要清空原数据,防止新数据与原数据冲突,如本例,直接hotTodayList = []就行了。

  这虽然能解决在分页数较多,单次设置数据较大的问题。但是如果单页中后台一次性返回的数据大于1024kb时,依然会出现问题的,特别是有商品sku这种情况下,是很容易碰到的,所以还是需要与后端协商一下,尽量不要返回不必要的数据。

  5、小程序遇到了偶发性微信加密数据解密失败的问题:

  在这一步的开发中,一定要按照这样的顺序 1. 小程序请求login,拿到code  ;2.然后小程序调用getuserinfo接口拿到encryptedData,iv,还有之前的code,然后传给服务端;4.服务端拿到客户端的encryptedData,vi还有sessionKey去解密得到 unionId等用户信息;不然就会出现这样的问题,这种情况偶然出现的原因就是,在服务端还未去获取sessionKey的时候就去调用了getuserinfo,有时候会比服务端快,有时候会比服务端慢,所以就出现了偶然性。

  6、小程序上线后打开出现了调试模式:

  这是因为在开发版本打开了调试模式,然后再用线上版本也会有。在开发版中关闭调试模式就行。好在这个只有自己有,用户是没有的。

  7、用户长按二维码进入小程序后,获取二维码中的参数失败:

    

    以上是官方文档给的说明。之所以失败是因为二维码只认scene字段,也就是用options.scene可以获取,二维码中的这个参数不能随便传,否则虽然能进入到小程序,但是无法获取到想要的参数。

原文地址:https://www.cnblogs.com/jf-67/p/10303099.html

时间: 2024-10-14 05:42:09

微信小程序开发小结的相关文章

微信小程序开发优秀教程及文章合集第一期

我会不定期的选取一些优质教程,整理成辑,以便大家集中阅读: 新手向!微信小程序开发手记系列:微信小程序开发手记<一>:项目的代码结构微信小程序开发手记<二>:属性display微信小程序开发手记<三>:backgroud和border属性微信小程序开发手记<四>:视图容器微信小程序开发手记<五>:组件微信小程序开发手记<六>:API 艺龙系列:精品!艺龙小程序:开发项目遇到的问题以及解决方案:http://www.wxapp-unio

微信小程序开发:学习笔记[2]——WXML模板

微信小程序开发:学习笔记[2]--WXML模板 快速开始 介绍 WXML 全称是 WeiXin Markup Language,是小程序框架设计的一套标签语言,结合小程序的基础组件.事件系统,可以构建出页面的结构. 打开开发工具的编辑器,在根目录下找到 app.json 文件,双击打开,在 "pages/index/index" 上新增一行 "pages/wxml/index" 保存文件.模拟器刷新后,读者可以在编辑器中找到 pages/wxml/index.wxm

Java微信小程序开发_00_资源帖

1.微信小程序开发:http://blog.csdn.net/column/details/13721.html?&page=1 2.微信小程序栏目:http://blog.csdn.net/column/details/14653.html?&page=2 3.

微信小程序开发心得

微信小程序也已出来有一段时间了,最近写了几款微信小程序项目,今天来说说感受. 首先开发一款微信小程序,最主要的就是针对于公司来运营的,因为,在申请appid(微信小程序ID号)时候,需要填写相关的公司认证信息如,营业执照等 再次就是用一个未曾开通过公众号的QQ号或微信号来注册一个微信小程序号. 最后,下载微信小程序开发工具. 由于这里,我们更多的关注如何去开发一些app,而不是科谱微信小程序,故在此不在过多的解释,详细的说明,可以去官网帮助文档. 首先,我们拿自己的项目在一步一步的说明并开发吧,

微信小程序开发 --02

微信小程序在开发中,难度系数不是很大,其中应用的技术也是web开发中常用的技术,虽然在微信开发者工具中的叫法与常见的web开发的叫法不太一样. 首先,在微信小程序开发中,代码文件格式大体有以下四中: .wxml .wxss .js .json 首先,wxml后缀的文件类似于html和xml的结合,例如在html中常用的div在微信小程序开发中被替换成了view,而在html中输出文本用的p标签被替换成了text标签,引入图像由html中的img 标签变成了image标签,等等.如果你之前开发的w

微信小程序开发之数据存储 参数传递 数据缓存

微信小程序开发内测一个月.数据传递的方式很少.经常遇到页面销毁后回传参数的问题,小程序中并没有类似Android的startActivityForResult的方法,也没有类似广播这样的通讯方式,更没有类似eventbus的轮子可用. 现在已知传递参数的方法只找到三种,先总结下.由于正处于内测阶段,文档也不是很稳定,经常修改,目前尚没有人造轮子. 先上GIF: 1.APP.js 我把常用且不会更改的参数放在APP.js的data里面了.在各个page中都可以拿到var app = getApp(

微信小程序开发(3) 热门电影

在这篇微信小程序开发教程中,我们将介绍如何使用微信小程序开发热门电影及预览功能. 本文主要分为两个部分,小程序主体部分及计算器业务页面部分 一.小程序主体部分 一个小程序主体部分由三个文件组成,必须放在项目的根目录,如下: 1. 小程序逻辑 App({ onLaunch: function() { // Do something initial when launch. }, onShow: function() { // Do something when show. }, onHide: f

微信小程序开发类型有哪些?

广州微信小程序开发公司(www.dthulian.com)品向科技表示,随着现在的互联网最热门话题,应该是微信小程序开发.那么我们就和大家来探讨下微信小程序开发类型有哪些? 首先微信小程序是什么? 微信小程序是由微信之父张小龙提出的一个概念,小程序是一种不需要下载安装就可以使用的应用,它实现了触手可及的梦想,用户只需扫一扫或者搜一下就可以打开应用.也体现了用完即走的理念,用户不用关心是否安装太多应用的问题,应用将无处不在,应用将随时可用,但又无需考虑安装及卸载. 对用户来讲,小程序可以实现"用完

微信小程序开发实战视频教程发布

昨日(9月23),腾讯终于发布了没有APPid,无需申请也可以进行微信小程序开发的视频教程了,我在在第一时间尝试并发布了这7个小视频教程,入门足够了.... 各位免费拿去,慢慢享用: 链接: https://pan.baidu.com/s/1o7DX7q6 密码: ztzq 也可以添加 微信小程序开发者交流QQ群:434276993,只欢迎对微信小程序开发有兴趣的朋友,其他勿加,感谢.