前端修炼手册(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'
    })

相关推荐
程序员小易10 分钟前
前端轮子(2)--diy响应数据
前端·javascript·浏览器
前天的五花肉10 分钟前
D3.js研发Biplot(代谢)图
前端·javascript·css
oh,huoyuyan16 分钟前
【实用技巧】火语言RPA:界面『日期时间』控件,实现网页日期自动填写
前端·javascript·rpa
程序员小寒16 分钟前
前端性能优化之Webpack篇
前端·webpack·性能优化
谢尔登16 分钟前
React的Fiber架构
前端·react.js·架构
我是华为OD~HR~栗栗呀19 分钟前
(华为od)21届-Python面经
java·前端·c++·python·华为od·华为·面试
2501_9159214327 分钟前
Flutter App 到底该怎么测试?如何在 iOS 上进行测试
android·flutter·ios·小程序·uni-app·cocoa·iphone
刘一说31 分钟前
ES6+核心特性全面浅析
java·前端·es6
kirinlau38 分钟前
Vue.observable实现vue原生轻量级状态管理详解
前端·javascript·vue.js
严文文-Chris39 分钟前
RAG关键技术要点详解
java·服务器·前端