某些uni问题 生命周期

已于 2022-12-13 17:11:12 修改
阅读量460 收藏
点赞数
分类专栏： 【前端】 文章标签： 前端
于 2022-12-13 17:10:50 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/StrongerIrene/article/details/128304603
版权

数据缓存 - uni.setStorageSync(KEY,DATA) - 《uni-app API 文档》 - 书栈网 · BookStack

uni.setStorageSync(KEY,DATA)

将 data 存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容，这是一个同步接口

可以直接在微信开发工具里看到存储的

生命周期

全局常用的

onLaunch当uni-app 初始化完成时触发（全局只触发一次）
onShow当 uni-app 启动，或从后台进入前台显示
onHide当 uni-app 从前台进入后台
onError当 uni-app 报错时触发

 页面级别的，常用是onShow（类似active）

onLoad（类似mounted）

此外vue的一些created、beforeDestroy都可以用

onLoad监听页面加载，其参数为上个页面传递的数据，参数类型为 Object（用于页面传参），参考示例
onShow监听页面显示。页面每次出现在屏幕上都触发，包括从下级页面点返回露出当前页面
onReady监听页面初次渲染完成。注意如果渲染速度快，会在页面进入动画完成前触发
onHide监听页面隐藏
onUnload监听页面卸载
StrongerIrene
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
同步(Synchronous)和异步(Asynchronous)
qq_41167655的博客
02-25 785
　      概念性同步和异步通常用来形容一次方法调用。同步方法调用一旦开始，调用者必须等到方法调用返回后，才能继续后续的行为。异步方法调用更像一个消息传递，一旦开始，方法调用就会立即返回，调用者就可以继续后续的操作。而，异步方法通常会在另外一个线程中，“真实”地执行着。整个过程，不会阻碍调用者的工作。图示例举个例子比如你去商场买空调,付款买单后,服务人员给你配空调然后到再给你到家安装,这个时候你...
uni-app学习（二）
yshjvc的博客
06-05 298
uni-app生命周期 部分周期函数以及注释，以及页面跳转和信息读取在后台显示以及控制台读取 <template> <view> 生命周期函数 <view v-for="(item,index) in list" :key="index"> {{item}} </view> <!-- 数据读取 --> <button @click="saveInfo">登录</button> &l.
uni-app的实用技巧及数据缓存
phpweiyi的博客
06-19 1万+
其中，STRING 是需要拦截的 HTTP 请求的 URL 的匹配规则，可以使用字符串或正则表达式来表示。uni-app的数据缓存是指对数据进行本地存储，从而在下次访问时可以直接从本地获取数据，提高了程序的性能和用户体验。通过这种方法，我们可以在做前端开发的时候对所有的 HTTP 请求进行全局的拦截处理，实现对请求的统一处理、简化开发流程、提高代码质量等目的。通过uni.setStorage可以将数据存储到storage中，通过uni.getStorage可以从storage中读取数据。
uni-app数据缓存Storage的使用方法详解
miemie2849的博客
05-13 4271
uni-app数据缓存Storage的使用方法
详解uniapp的生命周期 ~ 解惑 实用 ~
_1531613221
10-17 2665
详解uniapp的生命周期：应用、页面、组件
uni-app项目练习2
05-16
5. **数据绑定与状态管理**：uni-app基于Vue.js，所以可以使用vue的数据绑定、计算属性、方法、生命周期钩子等。此外，对于大型项目，可以考虑引入Vuex进行状态管理，更好地组织和管理应用的状态。 6. **API调用**...
关于 uni-app 的一些案例.zip
最新发布
10-27
8. **生命周期与事件处理**：理解和掌握uni-app的生命周期及事件机制，对于编写高效、流畅的代码至关重要。 9. **性能优化**：通过合理使用懒加载、按需加载等技术，以及优化网络请求和渲染过程，可以提高uni-app...
uni-app案例 仿微信页面（无响应）
06-16
- **内存管理**：过度占用内存也可能导致无响应，需合理管理组件生命周期，避免内存泄漏。 - **事件监听**：过多的事件监听可能导致性能下降，应适时清理不再使用的事件监听器。 - **网络请求**：网络请求阻塞UI...
uni
03-15
1. **Vue.js基础**：uni-app基于Vue.js，所以开发者需要熟悉Vue的组件化开发、响应式数据绑定、指令、生命周期等概念。 2. **uni-app API**：理解uni-app提供的API，如页面路由、事件通信、网络请求、设备访问等，是...
仿One（每日一文）的uni-app
06-09
5. **生命周期管理**：uni-app遵循Vue的生命周期，开发者需要理解onLoad、onShow、onHide等生命周期钩子函数，以实现页面的正确加载和隐藏。 6. **事件监听**：利用uni-app的事件绑定机制，实现用户交互，如点击事件...
uniapp中的数据缓存
m0_75047254的博客
07-20 1321
本地缓存功能是html5的新特性，uniapp中同样提供了数据的本地化操作，其中包括存储、获取、删除、清空等四个方面。数据缓存分为异步和同步，而他们的区别在于，同步请求需要有一个等待请求成功的过程，而异步请求不会有这个过程，同学们有的就疑问了，为什么不直接都用异步请求呢，不用等待，多好，但是，在实际开发中，有的些时候有必要使用同步请求的，大多数还是异步请求。
uniapp本地存储详解
2303_76218115的博客
06-03 1万+
在开发uniapp应用时，我们常常需要使用本地存储来保存一些数据，比如用户登录信息、设置项等，使得应用能够在设备上保存和读取数据，以便提供更好的用户体验和离线功能支持，本文将简单介绍uniapp中的本地存储相关API使用方式。当我们调用对应方法时，uniapp会将数据以键值对的形式存储在本地存储中。具体实现中，uniapp会将键值对转换成字节流，并将字节流写入到设备的存储器中。这个过程涉及到计算机底层存储原理的数据存储和字节对齐。在读取数据时，会根据指定的键，从本地存储中读取相应的数据。
uni-app的生命周期
2201_76058188的博客
06-20 8949
uni-app项目中，一个页面就是一个符合Vue SFC规范的.vue文件或.nvue文件。.vue页面和.nvue页面，均全平台支持，差异在于当uni-app发行到App平台时，.vue文件会使用webview进行渲染，.nvuenvue原生渲染。
Uni-app的学习Ⅲ（事件、生命周期、上下拉刷新、网络请求、数据缓存、图片操作、条件注释）
胡图图不糊涂的博客
09-26 774
一、事件 事件绑定 在uni中事件绑定和vue中是一样的，通过v-on进行事件的绑定，也可以简写为@ <button @click="tapHandle">点我啊</button> 事件函数定义在methods中 methods: { tapHandle () { console.log('真的点我了') } } 事件传参 默认如果没有传递参数，事件函数第一个形参为事件对象 // template <button @click="tapHandle"&g
浅谈uni-app的storage数据缓存方法
weixin_41107170的博客
07-09 7378
uni-app提供了数据缓存方法： 操作 同步 异步 增加 uni.setStorageSync('key') uni.setStorage({key:'',success:(){}}) 删除 uni.removeStorageSync('key') uni.removeStorage({key:'',success:(){}}) 查找 uni.getStorageSync('key') uni.getStorage({key:'',succes
uniapp - 存储api新增自定义有效期功能，重写setStorageSync和getStorageSync方法
留白声的博客
10-24 3436
重写setStorageSync、getStorageSync方法
uni-app——storage的使用(Storage、StorageSync)
热门推荐
qq_44862029的博客
02-27 2万+
一.uni.setStorage(OBJECT)OBJECT 参数uni.getStorage()uni.removeStorage()二. uni.setStorageSync(KEY,DATA)参数说明uni.getStorageSync()uni.removeStorageSync()注意 一.uni.setStorage(OBJECT) 将数据存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容，这是一个异步接口。 OBJECT 参数 参数名 说明 k
在使用uniapp时 ,vueX中保存的数据在刷新页面后数据消失的问题
m0_46693606的博客
06-01 2924
在写商城的时候，遇见一个问题：点击立即购买，需要把选中的规格和数量传到订单页面，我们会选择把数据存储在vuex中，可是当页面刷新之后，数据就消失了，解决方法如下： state默认值的时候再getStorageSync中取出来 import Vue from 'vue'; import Vuex from 'vuex' Vue.use(Vuex) const store = new Vuex.Store({ state: { // 购物车数据 **carts: uni.getStorageSync
uniapp开发H5刷新网页导致本地localStorage数据清空问题
六国破灭，非兵不利 ，战不善，弊在赂秦。赂秦而力亏，破灭之道也。或曰：六国互丧，率赂秦耶？曰：不赂者以赂者丧，盖失强援，不能独完。故曰：弊在赂秦也。 秦以攻取之外，小则获邑，大则得城。较秦之所得，与战胜而得者，其实百倍；诸侯之所亡，与战败而亡者，其实亦百
12-29 2315
uniapp开发H5刷新网页导致本地localStorage数据清空问题 问题描述：使用uniapp开发H5网页时，结合uniapp的本地存储出现刷新时清空本地数据问题。 解决方法：使用原生的存储方式localStorage.xxx
uniapp 生命周期
09-03
uni-app框架的生命周期分为两种，应用中的生命周期和页面内的生命周期。应用中的生命周期指的是整个uni-app应用的生命周期，包括应用启动、进入前台、进入后台和应用退出等阶段。页面内的生命周期指的是在uni-app页面内的生命周期，包括页面加载、显示、渲染、隐藏和销毁等阶段。 在uni-app中，生命周期函数的使用与之前所使用的生命周期函数有一些不同。uni-app的生命周期函数可以在Vue实例中定义，并通过特定的钩子函数来实现相应的功能。例如，可以在页面加载完成后执行某些操作，可以在页面隐藏时进行清理工作等。这样的设计使得开发者可以更方便地控制页面的生命周期和实现相应的逻辑。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [uni-app 生命周期](https://blog.csdn.net/wdRuiRui/article/details/129348462)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值