Uniapp API

nuc的救赎

于 2024-10-05 19:55:50 发布

阅读量44

点赞数 1

文章标签： uni-app 前端

本文链接：https://blog.csdn.net/weixin_74152658/article/details/142718223

版权

1.uni.showToast

显示消息提示框

unishowToast({ obj参数 })

2.uni.showLoading

显示 loading 提示框, 需主动调用 uni.hideLoading 才能关闭提示框。

3.uni.showModal

显示模态弹窗，可以只有一个确定按钮，也可以同时有确定和取消按钮。类似于一个API整合了 html 中：alert、confirm。

4.uni.setNavigationBarColor uni.setNavigationBarTitle

动态设置tabbar

5.uni.hideTabbar, uni.showTabbar

隐藏，显示

6.uni.request({ })

网络请求

url,data,success,fail,complete

动态修改url中的参数时：

url: `...../$参数/.....`, 其他不变

7.数据缓存：storage

一般用sync同步的

在任何界面都能调用缓存的数据

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

nuc的救赎

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

uniapp的api文档

m0_38109616的博客

04-19

695

https://uniapp.dcloud.io/api/#%E6%A0%87%E5%87%86-js-%E5%92%8C%E6%B5%8F%E8%A7%88%E5%99%A8-js-%E7%9A%84%E5%8C%BA%E5%88%AB

uniapp封装api具体步骤

m0_61169066的博客

02-10

2367

用api封装接口方法实现轮播 1.在根目录下新建文件夹api，在api文件夹下新建api.js 2.api.js代码（这里只写了get和post两种情况） //用BASEURL来表示域名地址 const BASE_URL = 'https://api-hmugo-web.itheima.net' //封装请求方法 export const myRequest = (options)=>{ return new Promise((resolve,reject)=>{ ..

参与评论您还未登录，请先登录后发表或查看评论

uniapp api请求接口封装

qq_36958916的博客

05-27

3715

1，写一个公共的api.js let baseURL = 'http://443548ef.cpolar.cn/';//公共api地址。示范 export const myRequest = (options) => { return new Promise((resolve, reject) => { uni.request({ url: baseURL + options.url, //接口地址：前缀+方法中传入的地址 method: options.method || '

uniapp常用api

qq_45796592的博客

03-09

3205

uniapp的常用api

uniapp 封装api

qq_41144591的博客

04-13

3629

uniapp api的封装解决

uniapp API文档地址以及 HBuilder安装

DanielBlackCat的博客

02-13

1114

【代码】uniapp API文档地址以及 HBuilder安装。

uniapp 对api的封装

TYD0313的博客

10-14

1661

uniapp封装api

UniApp Api接口封装

Rick_and_mode的博客

12-02

6815

全局注册，通过this调用在uniapp 下跟pages同级下创建一个api文件夹下在创建一个

【uniapp封装api的方法】

regretTAT的博客

03-11

4861

uniAPP封装API 首先在项目中创建一个api（自定义名称）文件夹，然后在该目录下创建一个js文件进行配置。然后js文件内进行配置 const api = (params) => { let URL = "https://api-hmugo-web.itheima.net/api/public/v1/" //域名 return new Promise((resolve, reject) => { uni.showLoading({ title: '加载中', })

uniapp API获取定位有差异问题解决

Redmiao的博客

05-09

1133

需要注意的是，GCJ02坐标并不是一个全球通用的坐标系，它主要适用于中国境内的地理定位。而GCJ02（国测局坐标）是中国国家测绘局制定的一种地理坐标系，也称为火星坐标系，用于在中国境内进行位置定位。坐标偏移：由于安全和政策等原因，中国政府对GPS定位进行了加密偏移处理，导致GPS获取的坐标与实际位置存在一定的偏差。数据保护：使用GPS定位获取的坐标信息属于全球公开数据，而GCJ02坐标是经过国家加密处理的，相对于GPS坐标具有更高的数据保护性。console.log('失败', error)

uniapp api重启微信小程序

03-24

可以使用uni.reLaunch()的API来重启微信小程序，使用方式如下： uni.reLaunch({ url: '/pages/index' }) 其中，url参数指定要进入的小程序页面的路径。

webview 无法调用uni_webview中的HTML调用uniapp的API教程

weixin_39684454的博客

12-19

2254

在web-view加载页面中，会涉及wx、plus、uni等对象的使用。在小程序下使用wx的api，需要引入微信提供的https://res.wx.qq.com/open/js/jweixin-1.4.0.js。在app下默认有plus对象，不需要引入js文件。不管是在小程序下还是在app下，使用uni的api，需要引入https://js.cdn.aliyun.dcloud.net.cn/dev...

uniapp api学习页面生命周期，应用生命周期

weixin_42262889的博客

04-04

1676

生命周期，有页面生命周期，这个应用生命周期相当于一个人从生到死有什么生命周期可以利用很多运行顺利 onLoad :({ }); onShow: ({ }); 当用户操作的时候会自动触发相应函数 onReady: ({}); onUnload: ({}); 应用生命周期： uni-app 支持如下应用生命周期函数：函数名说明 onLaunch 当uni...

uni-app在线预览pdf

家里有只小肥猫

09-28

669

uniApp在线查看pdf文件

828华为云征文｜华为云Flexus云服务器X实例搭建部署H5美妆护肤分销商城、前端uniapp

csdndddsd的博客

09-28

1330

基于ThinkPHP6.0正式版内核，前端是VUE、uniapp框架支持：H5 微信小程序可以h5打包APP端访问营销模块：拼团砍价秒杀优惠券积分支持短信验证注册+小票打印机运行环境：php7.2≥+mysql5.6（环境配置为调试时的配置）需开启fileinfo扩展+伪静态return 403;if (!s=$1 last;break;域名需配置ssl后才可以通过https访问至此，使用华为云Flexus云服务器X搭建的美妆护肤电商系统已经大功告成！！！

UNI-APP_iOS开发技巧之：跳转到TestFlight或者App Store

小歪博客

09-28

508

UNI-APP_iOS开发技巧之：跳转到TestFlight或者App Store

uniapp设置从右上角到左下角的三种渐变颜色

GoppViper的博客

09-29

702

这里linear-gradient(to bottom left, #f00, #0f0, #00f)表示创建一个从右上角到左下角（to bottom left）的线性渐变，颜色从红色（#f00）过渡到绿色（#0f0）再过渡到蓝色（#00f）。在这个例子中，红色（#f00）在渐变开始（0%）处占主导，绿色（#0f0）在30%的位置开始逐渐替代红色，蓝色（#00f）在100%处完全替代绿色成为主导颜色。希望本文对你有所帮助！如果你有任何问题或建议，欢迎在评论区留言。根据不同的需求调整颜色停止点（可选）

uniapp中在web端如何友好的展示app当前的版本等信息

最新发布

峰会路转的博客

09-30

440

一个小技巧，分享下在webapp中友好展示当前app信息的方法。

uniapp中检测应用更新的两种方式-升级中心之uni-upgrade-center-app

峰会路转的博客

09-30

473

uniapp一个很是用的功能，就是在我们发布新版本的app后，需要提示用户进行app更新，并告知用户我们新版的app更新信息，以使得用户能及时使用上我们新开发的功能，提升用户的实用度和粘性。

uniapp api封装标准的完整示例

06-08

好的，下面是一个基于 uniapp 封装 API 的示例： ``` // 封装 HTTP 请求 function request(url, data, method = 'GET') { return new Promise((resolve, reject) => { uni.request({ url, data, method, success: (res) => { resolve(res.data) }, fail: (err) => { reject(err) } }) }) } // 封装获取用户信息的 API export function getUserInfo() { return request('/api/user') } // 封装获取文章列表的 API export function getArticleList() { return request('/api/article') } // 封装获取文章详情的 API export function getArticleDetail(id) { return request(`/api/article/${id}`) } ``` 以上代码定义了三个 API 接口函数，分别是获取用户信息、获取文章列表和获取文章详情。这些函数都是基于封装好的 `request` 函数实现的，该函数负责向后端发送 HTTP 请求，并返回 Promise 对象。在需要使用 API 接口的地方，可以直接引入相应的函数，例如： ``` // 获取用户信息 import { getUserInfo } from '@/api' getUserInfo().then((res) => { console.log(res) }) // 获取文章列表 import { getArticleList } from '@/api' getArticleList().then((res) => { console.log(res) }) // 获取文章详情 import { getArticleDetail } from '@/api' getArticleDetail(1).then((res) => { console.log(res) }) ``` 以上示例中，分别使用了 `getUserInfo`、`getArticleList` 和 `getArticleDetail` 这三个 API 接口函数，并在成功获取数据后打印出来。