前端修炼手册(uniapp的api篇)

一、页面相关API

  1. uni.navigateTo
    该API用于跳转到应用内的某个页面,可以传递参数。

    uni.navigateTo({
    url: '/pages/detail/detail?id=1'
    })

  2. uni.redirectTo
    该API用于关闭当前页面并跳转到应用内的某个页面,可以传递参数。

    uni.redirectTo({
    url: '/pages/detail/detail?id=1'
    })

  3. uni.switchTab
    该API用于跳转到应用内的某个tab页,tab页是在pages.json中配置的。

    uni.switchTab({
    url: '/pages/index/index'
    })

  4. uni.reLaunch
    该API用于关闭所有页面并跳转到应用内的某个页面,可以传递参数。

    uni.reLaunch({
    url: '/pages/index/index'
    })

  5. uni.navigateBack
    该API用于返回上一页或多级页面。

    uni.navigateBack({
    delta: 1
    })

二、网络请求API

  1. uni.request
    该API用于发起网络请求,支持GET、POST等请求方式。

    uni.request({
    url: 'https://api.example.com',
    method: 'GET',
    data: {
    id: 1
    },
    success: (res) => {
    console.log(res.data)
    },
    fail: (err) => {
    console.log(err)
    }
    })

  2. uni.uploadFile
    该API用于上传文件,支持上传到服务器或云存储。

    uni.uploadFile({
    url: 'https://api.example.com',
    filePath: 'path/to/file',
    name: 'file',
    success: (res) => {
    console.log(res.data)
    },
    fail: (err) => {
    console.log(err)
    }
    })

  3. uni.downloadFile
    该API用于下载文件,支持下载到本地或云存储。

    uni.downloadFile({
    url: 'https://example.com/file',
    success: (res) => {
    console.log(res.tempFilePath)
    },
    fail: (err) => {
    console.log(err)
    }
    })

三、媒体相关API

  1. uni.chooseImage
    该API用于从相册或相机选择图片。

    uni.chooseImage({
    count: 1,
    success: (res) => {
    console.log(res.tempFilePaths)
    },
    fail: (err) => {
    console.log(err)
    }
    })

  2. uni.previewImage
    该API用于预览图片。

    uni.previewImage({
    urls: ['image1.jpg', 'image2.jpg'],
    current: 'image1.jpg'
    })

  3. uni.saveImageToPhotosAlbum
    该API用于保存图片到相册。

    uni.saveImageToPhotosAlbum({
    filePath: 'image.jpg',
    success: () => {
    console.log('保存成功')
    },
    fail: (err) => {
    console.log(err)
    }
    })

四、地理位置相关API

  1. uni.getLocation
    该API用于获取当前地理位置。

    uni.getLocation({
    type: 'wgs84',
    success: (res) => {
    console.log(res.latitude, res.longitude)
    },
    fail: (err) => {
    console.log(err)
    }
    })

  2. uni.openLocation
    该API用于打开地图选择位置。

    uni.openLocation({
    latitude: 39.9,
    longitude: 116.4,
    name: '北京市',
    address: '朝阳区'
    })

五、设备相关API

  1. uni.getSystemInfo
    该API用于获取设备信息。

    uni.getSystemInfo({
    success: (res) => {
    console.log(res.model, res.platform)
    },
    fail: (err) => {
    console.log(err)
    }
    })

  2. uni.scanCode
    该API用于扫描二维码。

    uni.scanCode({
    success: (res) => {
    console.log(res.result)
    },
    fail: (err) => {
    console.log(err)
    }
    })

  3. uni.makePhoneCall
    该API用于拨打电话。

    uni.makePhoneCall({
    phoneNumber: '10086'
    })

相关推荐
Mintopia6 分钟前
🌌 信任是否会成为未来的货币?
前端·人工智能·aigc
fqbqrr7 分钟前
2601C++,模块导出分类
前端·c++
倚栏听风雨12 分钟前
vscode 运用 ts 代码需要准备什么
前端
韩曙亮20 分钟前
【Web APIs】浏览器本地存储 ① ( window.sessionStorage 本地存储 | window.localStorage 本地存储 )
服务器·前端·javascript·本地存储·localstorage·sessionstorage·web apis
吃杠碰小鸡23 分钟前
前端Mac快速搭建开发环境
前端·macos
前端大波27 分钟前
使用webpack-bundle-analyzer 对 react 老项目进行打包优化
前端·react.js·webpack·性能优化
Qlittleboy33 分钟前
uniAPP报错:v-for 暂不支持循环数据: (env: Windows,mp,1.06.2307260; lib: 3.12.0)
uni-app
曾帅16833 分钟前
uniapp安卓启动图
android·opencv·uni-app
m0_7408596233 分钟前
解决uniapp折叠面板报错this.collapse.onChange is not a function
uni-app
前端 贾公子34 分钟前
(catalog协议) == pnpm (5)
前端·javascript·react.js