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

相关推荐
Csvn2 小时前
性能监控
前端
Csvn2 小时前
构建工具
前端
FRing033 小时前
vue2干货总结3(computed计算属性、watch监听器)
开发语言·前端·vue.js·vue2
kyriewen5 小时前
Skills 榜前 10 我全装了:只有 3 个能直接用
前端·javascript·程序员
IT_陈寒5 小时前
当Java的hashCode遇上Lombok,我的缓存被全清了
前端·人工智能·后端
工控丫丫5 小时前
帆软看板中经常使用的公式函数及经常搭的组合
前端·javascript·数据库
jerrywus6 小时前
我用 GPT-6.1-sol 做了台会讲解的 3D 售货机:60 罐饮料,一口没喝上
前端·agent·claude
孟陬7 小时前
Foobar 技术周刊#159:当看不懂代码时,如何高效排障调试。脏页陷阱:一条只读查询,写入数 TB 数据。推测解码:大模型加速利器
前端·人工智能·后端
Zhao-Jichao7 小时前
AI Prompting for Everyone 课程笔记 - P17 图像生成 Imaging Generation
前端
Highcharts.js8 小时前
智能数据分析组件Orbit 正式发布与快速上手体验教程
前端·人工智能·信息可视化·数据分析系统·highcharts·orbit·智能可视化