开发小程序(填坑之路,遇到一点就更新一点)

1.开发小程序发送请求时,报错不在以下合法列表中:

在开发工具详情中设置:

请参考微信官方文档:关于小程序网络相关API说明

2.如果你需要权限验证(如登录后访问),小程序不像浏览器能帮你自动携带cookie信息,那么你需要自己写在将cookie写入请求hedear中,不然每次请求都通不过权限验证。

 wx.request({
      url: `${API_URL}/${type}`,
      data: Object.assign({}, params),
      method: ‘POST‘,
      header: {
        ‘cookie‘: wx.getStorageSync(‘cookie‘)[0],
        ‘Content-Type‘: ‘application/json‘,
        ‘content-type‘: ‘application/x-www-form-urlencoded;charset=UTF-8‘
      },
      success: function(res){
        wx.hideLoading();
        if (res.header[‘Set-Cookie‘]) {
          //提取cookie,保存到storage中
          var setCookie = res.header[‘Set-Cookie‘].replace(new RegExp(‘Path=/‘), ‘‘).split(‘,‘)
          console.log(‘cookies:‘ + setCookie);
        }    }})

3.小程序下载文件保存本地,需要配置可信域名和https,并且下载的文件根本在手机获取不到。

4.打开页面过多导致内存占用过高。

navigateTo跳转打开新页面最多10层。

wx.navigateTo(OBJECT)

保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面。

建议跳转5层后使用

wx.redirectTo(OBJECT)

关闭当前页面,跳转到应用内的某个页面,释放内存。

globalJump: function (url) {
    var pageLevel = getCurrentPages().length;
    if (typeof url == ‘string‘) {
        url = url
    } else {
        url = url.currentTarget.dataset.url;
    }
    if (pageLevel < 4) {
        wx.navigateTo({
        url: url
    })
    } else {
        wx.redirectTo({
       url: url
        });
        }
    }

5. 页面滚到底部加载数据

不要使用scrollview。使用Page中的onReachBottom

  

6. 页面内使用setTimeIntervar跳转后定时器不会关闭导致报错

使用外部方法,判断页面是否已经跳转

彩蛋:需要在真机上测试可以点击预览也可以上传为开发版本。

原文地址:https://www.cnblogs.com/doinbean/p/9268476.html

时间: 2024-08-27 19:16:11

开发小程序(填坑之路,遇到一点就更新一点)的相关文章

一名Android开发者的微信小程序填坑之路(2)

前言 上一篇是九月二十七日写的,而这一篇我动笔的时间是十月十日(特殊的日子),中间相隔十三天--当然是因为国庆节.说老实话,这十三天里面我都没有碰和小程序有关的东西--毕竟学习小程序的开发也只是起于兴趣,而平时的工作并不会涉及与其相关的东西--但是在这十三天里,我能明显的感受到小程序热正在逐渐的消退,或者说大家正在逐渐以一种较为平和的姿态接受它的存在,其实这是一件好事.期待公测的到来. 接下来我就直接进入正题了,另外,文末我想和大家分享一下我的国庆节. PS:这篇文章是接着上一篇文章 一名And

一名Android开发者的微信小程序填坑之路(1)

前言 首先要声明的是,我是一名 Android 开发者,之前基本没有前端开发经验,甚至连 JS ,HTML 都是为了开发小程序现学的一些皮毛--所以文章中所提到的一些点也许在资深前端开发者看来只是小case,但是站在一个 Android 开发者的角度来看确实是大坑. 前面就不说太多东西了,文章的末尾再谈谈我对小程序的一些看法--这篇文章主要是谈谈在开发小程序的过程中遇到的一些坑. PS:推荐一下我写的一个微信小程序版的Gank客户端:wechat-weapp-gank 正文 1,获取小程序开发工

微信小程序填坑,wx.request() 内调用setData()方法错误的解决办法

再方法内添加一行代码,把this对象赋值给给一个变量供success()方法内调用 核心代码: var v = this.txt; 完整示例 abc:function(e){//该函数用于和后台交互 // var v = e var v = this.txt; var self=this; //关键代码,这要操作程序无法运行 wx.request({ url: 'https://www.kjch.xyz/jous/hello.do', //仅为示例,并非真实的接口地址 data: { name:

uniapp webview 跳回小程序 填坑

h5配置里面配置下index  不懂的话点  后面的参考 看官方提示 然后index.html里面引入微信的jssdk <script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js" type="text/javascript" charset="utf-8"></script> //wx.换成jWeixin. jWeixin.miniProgram.getEnv(

记录开发微信小程序的坑(3)

现在开发小程序已经到了平稳时期,开始逐步优化小程序 1.微信小程序的更新机制  wx.getUpdateManager()这个函数是用于更新的 连接 https://developers.weixin.qq.com/miniprogram/dev/api/wx.getUpdateManager.html 小程序没有重启的概念 当小程序进入后台,客户端会维持一段时间的运行状态,超过一定时间后(目前是5分钟)会被微信主动销毁 在 iOS 上,当微信客户端在一定时间间隔内(目前是 5 秒)连续收到两次

填坑:微信网页支付的开发流程及填坑技巧

小程序作为微信之父张小龙钦点,并多次公开为之宣传造势的产品,在微信之后是仅有的一次.正因为这种特殊的优待,在小程序上线后,据说内测资格一度从100w被炒到300w,先不论是真是假,单是张小龙团队和市场对小程序的期待,就足以引起我们的重视,做为一个开发人员,也非常有必要学习和了解小程序的开发原理及流程.如果你已经准备要做小程序开发,那么这篇文章就来的很及时.如果你的业务还不需要涉足小程序,你也可以通过本文对小程序的开发做一个基本的了解,以备不时之需. 本文会从小程序前端开发,小程序服务端开发及小程

微信小程序怎么开发(小程序开发文档)

微信小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验. 2017年1月9日~2018年1月9日,小程序正式上线一周年.上线以来,小程序不断地释放新能力,迭代更新,一年来已发布近50多次新能力.小程序开启了互联网创业3.0时代,微信庞大的流量与平台能力,也在不断地赋能于小程序. 本文档将带你一步步创建完成一个微信小程序,并可以在手机上体验该小程序的实际效果.这个小程序的首页将会显示欢迎语以及当前用户的微信头像,点击头像,可以在新开的页面中查看当前小程

共享链模式开发小程序商城

微信里头的共享链是一款营销工具,解决实体店现有的营销方案难以刺激消费者.被电商的打压导致实体店的生意越来越难做.外卖成本越来越高等痛点."共享链"基于区块链技术理念而开发,以消费奖励的方式,让消费者重复消费,主动分享,持续关注.达到提升商家销量的目的.共享链模式开发小程序商城:151-1222-4001(微/电) 举例,顾客到某水果店购买商品后通过共享链支付成功后进入共享链小程序,该小程序里面会显示消费者的消费金额,奖励金额和已经到账金额,之后其他消费者也到该水果店消费,那共享链系统会

wepy开发小程序eslint报错error &#39;getApp&#39; is not defined no-undef

wepy开发小程序使用getApp().globalData保存全局数据很方便,但是会在控制台看到很多报错:"error 'getApp' is not defined no-undef",这是eslint报错. 解决办法:在.eslintrc.js文件中加入   globals: { getApp: true } wepy开发小程序eslint报错error 'getApp' is not defined no-undef 原文地址:https://www.cnblogs.com/s