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

相关推荐
counterxing3 分钟前
vibe coding 之后,我更不想打字了
前端·agent·ai编程
copyer_xyf30 分钟前
Python 模块与包的导入导出
前端·后端·python
研☆香35 分钟前
es6新特性功能介绍(四)
前端·ecmascript·es6
微扬嘴角1 小时前
React篇1--JSX语法规则、组件、组件实例的3大特性
前端·react.js·前端框架
copyer_xyf1 小时前
Python venv 虚拟环境
前端·后端·python
无聊的老谢1 小时前
Vue 3 + TypeScript 构建大型电信运维平台的前端架构设计
前端·vue.js·typescript
xiaofeichaichai1 小时前
Map / Set / WeakMap / WeakSet
前端·javascript
李可以量化1 小时前
成交量的终极量化策略:价量共振指标完整实现(下篇)
前端·数据库·人工智能
copyer_xyf2 小时前
Python 如何同时做很多事:进程、线程、协程
前端·后端·python
gqk013 小时前
Delegate.Target/ Method
前端·ui·xhtml