uniapp学习（005-3 详解Part.3）

devtools/2024/10/23 6:08:10/

零基础入门uniapp Vue3组合式API版本到咸虾米壁纸项目实战，开发打包小程序>微信小程序、抖音小程序、H5、安卓APP客户端等

总时长 23:40:00 共116P

此文章包含第48p-第p51的内容

文章目录

    • 页面和路由API
      • 1. 使用navigator标签跳转
      • 2. 使用js代码块进行跳转
        • tabBar页面无法直接跳转 需要改成 reLaunch
      • 返回上一页 navigateBack
    • 数据缓存API
      • setStorage 缓存数据到本地 setStorageSync 同步缓存数据到本地
      • getStorage 得到缓存数据到本地 getStorageSync 同步得到缓存数据到本地
        • getStorageInfoSync打印全部的storage的key
        • removeStorageSync 删除某个缓存
        • clearStorageSync清除所有缓存
    • 网络发起请求
      • 接口测试地址
      • request方法
      • request不同类型的参数

页面和路由API

跳转的两种方式，

1. 使用navigator标签跳转

在这里插入图片描述

2. 使用js代码块进行跳转

在这里插入图片描述
可以带参数
在这里插入图片描述
可以看到小程序的参数
在这里插入图片描述
在这里插入图片描述
onLoad里可以看到参数
在这里插入图片描述

tabBar页面无法直接跳转 需要改成 reLaunch

在这里插入图片描述
在这里插入图片描述

返回上一页 navigateBack

在这里插入图片描述

可以看到当前返回了几页

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

这里可以看出我们打开了两个页面
一个压在另一个加粗样式
在这里插入图片描述

数据缓存API

setStorage 缓存数据到本地 setStorageSync 同步缓存数据到本地

在这里插入图片描述
这里的搜索记录就是前端的缓存
在这里插入图片描述
同步缓存 异步缓存

在这里插入图片描述

异步容易回调地狱，这里我们使用同步
在这里插入图片描述
使用同步

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

小程序里查看
在这里插入图片描述

getStorage 得到缓存数据到本地 getStorageSync 同步得到缓存数据到本地

在这里插入图片描述

getStorageInfoSync打印全部的storage的key

在这里插入图片描述

在这里插入图片描述

removeStorageSync 删除某个缓存

在这里插入图片描述

clearStorageSync清除所有缓存

在这里插入图片描述

网络发起请求

在这里插入图片描述

接口测试地址

在这里插入图片描述

免费测试api接口
在这里插入图片描述
在这里插入图片描述

获取100条json数据测试接口
在这里插入图片描述

request方法

在这里插入图片描述
在这里插入图片描述

另一种写法（支持promise写法）
在这里插入图片描述
可以改成async&await 方式 （ES7的语法）代码更加的清晰
在这里插入图片描述

request不同类型的参数

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
自定义请求头信息
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

定义请求类型，默认是 application/json
在这里插入图片描述

在这里插入图片描述

test/plain 可能会比 application/json快一些
在这里插入图片描述

响应返回的类型 默认是json
在这里插入图片描述

超时时间 默认一分钟
在这里插入图片描述

成功失败回调函数
在这里插入图片描述
在这里插入图片描述

无论成功与否都会调用complete（完成）函数
可以把隐藏loading放在这里
在这里插入图片描述

这里可以模拟慢网络，测试 是否超时进入fail函数
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述


http://www.ppmy.cn/devtools/128079.html

相关文章

linux命令基础

linux命令基础

shell linux优势： 一切都是文件轻量级 系统小型免费不以后缀名为主 Linux命令基础 shell是Linux系统中后台运行的一种特殊程序也可以理解成一种特殊的软件，提供了用户与内核进行交互操作的一种接口。shell是将人类使用的高级语言转换成计算机的二进制…
阅读更多...
python+Mosh网课笔记13 使用Python进行机器学习

python+Mosh网课笔记13 使用Python进行机器学习

太久没写python代码了，学机器学习重新拾起python，笔记比较简陋。 参考：mosh python网课 目录 一、通常的步骤 二、库和工具 三、环境 四、导入数据集 五、准备数据 六、预测-利用决策树 七、衡量模型的准确性 八、模型持久性 1. 保…
阅读更多...
【ShuQiHere】深入解析数字电路中的锁存器与触发器

【ShuQiHere】深入解析数字电路中的锁存器与触发器

深入解析数字电路中的锁存器与触发器 🤖🔌 在数字电路设计中，**锁存器（Latch）和触发器（Flip-Flop）**是实现时序逻辑的基本元件。它们能够存储状态，是构建复杂数字系统的关键。本文将…
阅读更多...
《云计算网络技术与应用》实训6-1：配置KVM虚拟机使用NAT网络

《云计算网络技术与应用》实训6-1：配置KVM虚拟机使用NAT网络

任务1、计算节点基础环境准备 1. 使用VMware安装CentOS 7虚拟机，安装时记得开启CPU虚拟化，命名为“KVMC6”。 2. （网卡配置和之前的一样，都用100网段）网关设置为192.168.100.1，地址段为192.168.100.10-25…
阅读更多...
vue 刷新组件

vue 刷新组件

vue 刷新组件 在Vue中，如果你需要强制刷新一个组件，可以通过改变组件的key属性来实现。当key改变时，Vue会认为这是一个全新的组件，并且会销毁旧的组件实例，创建一个新的实例。 以下是一个简单的例子： &l…
阅读更多...
GS-SLAM论文阅读--GSORB-SLAM

GS-SLAM论文阅读--GSORB-SLAM

前言 文章目录 前言1.背景介绍2.关键内容2.1 建图2.2跟踪2.3总体流程 3.文章贡献4.个人思考 1.背景介绍 3D高斯飞溅（3DGS）的出现最近引发了密集视觉SLAM研究的新浪潮。然而当前的方法面临着诸如对伪影和噪声的敏感性、训练视点的次优选择以及缺乏全局优…
阅读更多...
双碳目标下储能产业新趋势与架构

双碳目标下储能产业新趋势与架构

0.引言 储能技术涉及能量的存储和利用，对电力系统平衡至关重要。它允许电力在需求时被储存和释放，对电力生产和消费方式产生重大影响。随着全球应对气候变化，风能和太阳能成为主要能源，但其不稳定性需要储能技术来提高可靠性。储…
阅读更多...
燕山大学23级经济管理学院 10.18 C语言作业

燕山大学23级经济管理学院 10.18 C语言作业

燕山大学23级经济管理学院 10.18 C语言作业 文章目录 燕山大学23级经济管理学院 10.18 C语言作业1C语言的基本数据类型主要包括以下几种：为什么设计数据类型？数据类型与知识体系的对应使用数据类型时需要考虑的因素 21. 逻辑运算符2. 真值表3. 硬件实现4…
阅读更多...
最新文章

Copyright @ 2022~2023