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

最新推荐文章于 2025-11-24 17:03:09 发布
原创 最新推荐文章于 2025-11-24 17:03:09 发布 · 796 阅读 · 10 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#uni-app #学习 #微信小程序 #小程序 #前端 #vue

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

总时长 23:40:00 共116P

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

文章目录

页面和路由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函数
在这里插入图片描述

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

【webrtc】RTPSender
突围
12-27 333
TrySendPacket
第十五话：我的net后端逗比同事
xuelang532777032的博客
11-23 219
是吧，大白天，不开灯，里面就黑乎乎的了，工作了一个月后，差不多就适应了2个一个官网的切图输出html的节奏，不得不说，老板的业务能力是真的高，前面接了明一活动宣传官网的单子，后面再来一个暴龙眼镜的官网单子，我记得做到死飞自行车的购物网站外包单子的时候，老板打算招个专门的后端，因为之前都是管理兼着前端和后端、所以我来了之后他就只做后端asp，但是购物网站还是得找个有经验的小伙伴，然后这天，net开发的小万进了公司。是的，这个时候，我直拍大腿，直拍的他的大腿，一激灵，他就懂我的意思了。那是一种相见恨晚的感觉。
如何记录uni-app的tabbar历史记录
南漂一枚
01-17 484
uni-app下方的tab项都触发这个一级钩子，把这个保持在数组中。另外登录页面是这样的。
uni-app——uniapp 删除之前的路由记录
qq_43201350的博客
01-23 2167
uni-app——uniapp 删除之前的路由记录
uniapp在不需要后端数据的情况下 怎么记录用户进一次记录一次
A12536365214的博客
11-08 850
一时兴起，不喜勿喷，今天听到了这个问题想到了一个方法，解决方式如下。
解决Uni-app自定义底部tabber，切换tabbar时，点击两次tabbar才会显示正确，但页面可以正常切换的问题
qq_39210364的博客
06-07 3268
底部tabbar
【权威指南】流式语音识别技术详解：uniapp小程序中迅飞语音听写的最佳实践
[【权威指南】流式语音识别技术详解：uniapp小程序中迅飞语音听写的最佳实践](https://img-blog.csdnimg.cn/img_convert/fd7b76d874eb845c06823dacfa44c79a.png) # 1. 流式语音识别技术概述 在当今的数字时代，语音...
雪花算法的实现原理
ACGkaka的博客
08-03 2474
雪花算法的实现原理
近 20 人爆肝数周，写给初中级前端的万字高级进阶指南
yck199的博客
10-13 3647
因为微信公众号不支持打开外链，所以有兴趣获取资料的读者朋友可以公众号发送「资料」关键字或者打开 Github 链接（https://github.com/KieSun/all-of-fro...
Uniapp如何获取上一次的路由？并且跳转到上一次路由地页面并强制刷新？
m0_63553261的博客
02-26 3137
历史路由
uniapp跳转之后的界面接收跳转之前的界面的有关数据
前端叶荨，随手记
10-31 1355
uniapp跳转之后的界面接收跳转之前的界面的有关数据。假设parameters参数就是data中的数据，中的函数写入需要传递给跳转之后的界面的参数，首先，官方解释更好，更全面，更详细，更权威。中注册事件并在跳转界面的时候传入相关的参数。跳转界面的时候往往都是跟随着。
uniapp | 搜索页 显示或清除历史记录 | 代码分析
qq_42376600的博客
01-27 3477
uniapp 搜索页实现显示和更新历史记录、清除全部历史记录的功能
uniapp的各种跳转
stars______的博客
04-27 1979
uni.navigateTo() 保留当前页面并跳转 uni.redirectTo() 关闭当前页面并跳转 uni.reLaunch() 关闭所有页面并跳转 uni.switchTab() 跳转tabBar页面，并关闭其他所有非tabBar页面 uni.navigateBack() 关闭当前页面返回上一页或多页 h5端刷新后页面栈会消失，此时navigateBack不能返回，如果一定要返回可以使用hist...
uni-app路由及各种跳转解析<记录>
weixin_30256505的博客
05-22 1739
https://www.cnblogs.com/edward-life/p/10901578.html 转载于:https://www.cnblogs.com/lml2017/p/10905692.html
uniapp 跳转页面 和 记录一些其他的坑
paidaboluo的博客
09-08 1060
uniapp 跳转页面 和 记录一些其他的坑
uniapp获取当前页（路由）/历史页（路由）
热门推荐
菜菜鸟的博客
12-28 1万+
let pages = getCurrentPages() // 获取栈实例 let page = pages[pages.length - 1] // 获取当前页面的数据，包含页面路由 let prevPage = pages[pages.length - 2] // 获取上个页面的数据，包含页面路由
UniApp + H5+ 打造一个更优雅的 App 自动更新模块
最新发布
King Saj
11-24 19
本文介绍了一个功能完善的AppUpgrade类，实现了App版本更新全流程管理。该模块采用分层设计（版本层/交互层/下载层/安装层），提供版本检查、更新弹窗、下载管理、安装APK等核心功能。特色包括：支持强制/普通更新、多进度监听器订阅、下载取消、自动检查模式、响应式进度绑定以及完整的错误处理机制。通过TypeScript强类型定义和清晰的架构设计，使代码更易维护和扩展。
基于 TRTC 打造uniapp微信小程序实时音视频对讲
apple_70049717的博客
11-24 23
本文介绍了使用uni-app编译到微信小程序，结合TRTC SDK实现音视频通话的完整方案。主要内容包括： 技术栈：uni-app + trtc-wx-sdk + live-pusher/live-player组件 核心功能实现： TRTC房间进出管理 本地推流创建与启动 远端流动态渲染 主/次窗口切换 可拖拽小窗功能 15秒自动挂断机制 MQTT接口联动 开发要点： 必须真机测试 需开启构建npm或静态引入SDK 后端需提供TRTC房间参数 实现细节： 通过v-if控制大小窗口切换 使用movable-v
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值