小程序开发app.js里面的方法比首页onLoad函数加载慢

最新推荐文章于 2023-06-12 00:16:36 发布
最新推荐文章于 2023-06-12 00:16:36 发布
阅读量1.1k 收藏 1
点赞数 3
分类专栏： 常见问题 文章标签： javascript 前端 vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_59708977/article/details/123446750
版权
在支付宝小程序开发中，遇到app.js获取authCode并赋值到globalData的情况，首页index.js引用时数据未加载完成。原因是异步操作导致的数据加载延迟。通过理解异步加载机制，可以使用异步方法确保数据正确获取。
摘要由CSDN通过智能技术生成

场景：支付宝小程序开发中，在app.js页面获取用户的authCode,然后赋值到globalData中，然后在首页的index.js中引用无效，但是打印数据长度为0，展开对象后又能看到数据

app.js

index.js

注意看这里需要调用getApp()

展开后

 研究后发现这是因为异步加载导致的问题，虽然程序会先加载app.js页面的数据，但是异步的方法还是会稍后执行

所以可以通过异步的方法解决上述问题

 

再此执行或打印 就可以看到你想要的数据了

为难我胖虎c
关注
专栏目录
微信小程序app.js加载慢导致home.js无法获取到userId的解决办法
真皮的博客
06-02 2249
也是第一次发现，在home.js初始化时需要根据用户个人信息去调用一个接口，才发现加载顺序有问题，先加载了home.js，再加载的app.js，导致我的App.globalData.userinfo一直为null。 解决其实办法挺多的，分类大致这3种方式 1在app.js使用回调函数，home里判断是否已经获取到用户id，没有获取到就不停的获取，直到获取后再执行自己的方法。 2使用定时器，在home.js里一直执行，直道userinfo不为null即可。 3可以把home中需要的方法挪到app.js里面去执
微信小程序里解决app.js onLaunch事件与小程序页面的onLoad加载前后异常问题
bangshuangtun2328的博客
02-26 2684
使用Promise 解决小程序页面因为需要app.js onLaunch 参数导致的请求失败 app.jsonLaunch 的代码 1 "use strict"; 2 Object.defineProperty(exports, "__esModule", { 3 value: true 4 }); 5 const http = require...
小程序Page里的函数比app.js先执行的解决办法
jattxgt的博客
05-10 201
https://www.cnblogs.com/shipskunkun/p/11802379.html
小程序app.js加载慢导致user.js获取到全局变量数据为空的解决办法
song&life
06-29 1608
微信小程序app.js加载慢导致其他界面需要调用到全局变量，却为空的解决办法
微信小程序app.js onLaunch异步，首页onLoad先执行
chunchun1230的博客
12-12 6740
本来按照事件顺序，小程序初始化时触发App里的onLaunch，后面再执行页面Page里的onLoad，但是在onLaunch里请求授权信息本就为异步执行，等待返回值的时候Page里的onLoad事件就已经执行了。 app.js 代码 //app.js App({ onLaunch: function () { console.log('onLaunch'); wx.r...
小程序首页加载之前加载其他相关资源或配置（小程序的promise应用）
fengye002011的博客
07-12 634
我的小程序全是对接的cms，为了方便栏目的调用，我都是先进行加载所有的栏目，然后存储到缓存里边，这样小程序的首页就可以直接通过该栏目缓存调用栏目或者子栏目信息，栏目属于不常更改的内容，提前缓存栏目算是一个好的办法。 但是实际应用中当中，小程序开发者工具api请求比较快，所以一般看不出什么问题，但是真机预览或者上线之后，用户的网速往往没有那么快，这就造成了首页加载完之后，可能这个请求栏目的api还...
小程序首页js文件等待app.js执行完成后才执行
weixin_55020138的博客
06-12 2085
在开发小程序时，需要实现如下需求：小程序首页js文件等待app.js执行完成后才执行，其中app.js中存在耗时操作。
微信小程序之onLaunch与onload异步问题详解
10-17
在微信小程序开发中，`onLaunch` 和 `onLoad` 是两个重要的生命周期方法，它们各自有不同的用途和执行时机。本文将深入探讨它们之间的异步问题以及如何通过Promise来解决这个问题。 `onLaunch` 是小程序初始化完成...
【微信小程序】App.js生命周期
weixin_34395205的博客
05-10 1260
1、小程序的生命周期-App.js 　　App() 必须在 app.js 中注册，且不能注册多个。所以App（）方法在一个小程序中有且仅有一个。 App({ onLaunch: function () { console.log('App Launch') this.initCloud(); }, onShow: function () { ...
微信小程序开发文档.pdf
03-29
总结来说，微信小程序开发涉及的主要知识点包括：微信小程序的注册与配置、开发者工具的使用、项目创建、页面结构与逻辑、数据绑定、状态管理、API 使用、网络请求、调试与预览、以及发布流程。掌握这些知识，你就能...
js初化加载页面时ajax会调用两次的原因_在前端开发中，有哪些因素会导致页面卡顿
weixin_39606137的博客
11-24 557
前端开发不像后端那样，很少出现有大量算法的场景，但是前端性能也是需要优化的。好的代码是保证网页平稳高性能运行的基础，结合以往开发中遇到的场景，本文对前端网页卡顿的原因进行了梳理和分析，并给出了对应的解决方法。前端页面卡顿的原因有很多，从渲染机制和运行上可以分为两大类，分别是：渲染不及时，页面掉帧网页内存占用过高，运行卡顿两种类型又可细分如下：渲染不及时，页面掉帧长时间占用js线程页面回流和重绘较多...
微信小程序 app.js和首页请求先后问题解决
PBitW的博客
05-30 1088
问题描述： 解决办法一 定时器 解决办法二 官方 注意
vue项目webpack打包app.js文件太大导致首次加载非常缓慢的解决方案
YanGo的博客
06-05 1万+
对于初学者接触vue项目的时候，一些小项目可能没注意到这一点。对于中大型的项目，打包出来的app.js都有好几M了，导致首次加载的时候非常缓慢，我因为公司需求而急于接收的vue的项目就遇到这个问题，搜索了很多童鞋的方案，大家都比较推荐gzip静态资源压缩，这个需要结合服务器端的配置。 首先打开/config/index.js文件 但是先别急于动手安装，因为 npm install --sa...
vue[打包chunk-vendors.xxx.js文件过大，vue项目性能优化解决方案，前端性能优化知识总结]
热门推荐
墨水白云的博客
09-09 2万+
虽然看上去这个内容也就2M左右的大小，但是在线上却出现需要加载10几秒的时间，这对于一个项目来说是非常的有问题的。因此解决方式如下： 首先得知道为什么这个文件比较大，chunk-vendors.xxx.js是一个保存着各种相关依赖的关系的文件，比如导入的elmentUI、echarts、vue、vue-router等各种依赖 解决方案： 1.开启Gzip压缩 2.路由懒加载 3.检查图片等大小，看看能不能对加载的图片进行优化 // 使用webpack-bundle-analyzer检查打包加载的各种依赖大.
微信小程序笔记——微信小程序appjs的onLaunch执行完之后再执行Page的onLoad
leo
07-02 1万+
一：前言 小程序网络请求默认为异步请求，在appjs的onLaunch运行后进行异步请求时，程序不会停止，Page页已执行onload, 我们希望onLaunch执行完后再执行onload。 解决方法：定义回调函数 //app.js App({ onLaunch: function () { wx.request({ url: 'http://test.cn/lo...
小程序onload_微信小程序 appjs的onLaunch Page的onLoad 顺序问题
weixin_39765290的博客
12-04 479
一：前言小程序网络请求默认为异步请求，在appjs的onLaunch运行后进行异步请求时，程序不会停止，Page页已执行onload, 我们希望onLaunch执行完后再执行onload。解决方法：定义回调函数,代码如下：//app.jsApp({ onLaunch: function () { wx.request({ url: 'http://test.cn/login', //仅为示例，并非...
【转载】解决微信小程序 app onLaunch异步请求，在没有请求执行完就加载首页了的问题
qq_39161033的博客
05-29 1771
今天在调试小程序的过程中，进了一个坑，程序加载需要先获取用户信息，然后保存到Storage中，然后首页去 Storage取信息，根据用户信息去查本地服务器数据列表，可是发现第一次进入的时候，数据总是加载不出来，只有再次进入才有数据。调试之后发现app.js onLaunch并没有先于onLoad 执行完再执行，而是onLoad先执行完，所以第一次进入的时候根本没有Storage，追了下原因是因为w...
如何解决微信小程序加载慢的问题？
LeoL1u的博客
08-11 1万+
如何解决微信小程序加载慢的问题？ a.提高页面加载速度: 1. 首先用户在页面切换也就是路由跳转时,会有一个100m-300m的一个时间，我们可以利用这个时间段,预先发起新页面所需要的网络加载时间。 2.例如从A页面预加载B页面时,我们可以通过在A页面通过this.$route的方法向B页面传递参数,B页面接收到参数之后利用我们封装好的全局put take的方法,利用缓存来进行ajax请求 疑难:为什么我在A页面时会访问到B页面的实例呢？此时B页面不是未创建吗? 解答:
解决VUE前端首页加载缓慢，app.js文件过大的问题
大雪封山的时候
12-23 1万+
经过分析及资料查询，解决此问题有三个路径可走： 目录 1.删除不需要的依赖 2.进行jscss压缩(1.打包时压缩 2.nginx压缩) 2.1打包时压缩 2.2nginx压缩(官网推荐) 3.使用cdn加速 1.删除不需要的依赖 分析发现的在线表单占用较大，考虑到实际场景中基本不使用，删除相关依赖。需要修改3个文件 util.js main.js package.json 然后删除node_modules...
微信小程序监听app.js内的数据变化
最新发布
09-02
微信小程序的app.js是整个小程序的入口文件，负责程序的初始化和全局数据的处理。如果要监听app.js内的数据变化，我们可以通过以下步骤实现： 1. 在app.js中定义需要监听的数据： ```javascript App({ globalData:...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值