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

相关推荐
粥里有勺糖23 分钟前
视野修炼-技术周刊第129期 | 上一次古法编程是什么时候
前端·javascript·github
whuhewei34 分钟前
JS获取CSS动画的旋转角度
前端·javascript·css
蓝黑202036 分钟前
Vue组件通信之v-model
前端·javascript·vue
像素之间1 小时前
为什么运行时要加set NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve
前端·javascript·vue.js
M ? A1 小时前
Vue转React实战:defineProps精准迁移实战
前端·javascript·vue.js·经验分享·react.js·开源·vureact
西陵1 小时前
别再写 Prompt 了Spec Mode 才是下一代 AI 编程范式
前端·人工智能·ai编程
如意猴1 小时前
【前端】002--怎样制作一个简历界面?
开发语言·前端·javascript
NickJiangDev1 小时前
Elpis Schema 动态组件与表单:配置驱动的完整 CRUD 闭环
前端
kerli1 小时前
Compose 组件:Box 核心参数及其 Bias 算法
android·前端
luckyCover1 小时前
TypeScript学习系列(二):高级类型篇
前端·typescript