Uni-app

Agora-Uniapp-SDK 使用指南

Agora-Uniapp-SDK项目地址:https://gitcode.com/gh_mirrors/ag/Agora-Uniapp-SDK1.项目目录结构及介绍Agora-Uniapp-SDK是一个基于Uni-app

章瑗笛·2025-03-17 07:08

uni-app选择图片进行覆盖然后分享或打印

需求：APP上传手机原有的图片，进行覆盖指定的部分，覆盖完成后，唤起原生系统的分享面板，面板上有分享给其他人，还有打印选项准备一个canvas和button标签选择图片这个canvas主要是把选择的图片画上去，所以不知道选的是哪张图片，当然也不知道宽高是多少，所以用的是动态的宽高，这个宽高一定要设置！！！完成事件//选择图片进行裁剪clipImg(){uni.chooseImage({count:

MandiGao·2025-03-16 16:13

Uni-app 列表缓存：兼容 H5 和 App 端

对于基于Uni-app的项目，尤其是在H5和App端的开发中，列表缓存技术可以显著提升应用的响应速度和用户体验。本文将详细介绍如何在Uni-app中实现列表缓存，同时兼容H5和App端。

_虾仁不眨眼_·2025-03-16 15:06

基于html5QrCode实现的H5扫码功能（uni-app v2版本）

1.安装（选择一种方式）使用npmHtml5Qrcodenpm链接npmihtml5-qrcode直接引入html5-qrcode.min.js文件（本例使用此方法）2.扫码组件代码（先引入Html5Qrcode资源）exportdefault{name:'Scan',model:{props:'value',event:'close'},props:{value:{type:Boolean,de

_虾仁不眨眼_·2025-03-16 15:36

uni-app快速入门（十三）--常用API（下）

本文介绍uni-app的扫码、动画、下拉刷新、授权登录、微信支付、节点信息、调试API。一、扫码扫码功能支持使用相机直接扫码和从相册中选择图片进行扫码，也支持条码扫描。

baozhengw·2025-03-16 15:02

uni-app App 端分段导出 JSON 数据为文件

使用plus.io写入文件：利用uni-app的plus.ioAPI，将每段数据写入单独的文件。提示用户导出

_虾仁不眨眼_·2025-03-16 15:30

uni-app移动端应用开发底部安全区域适配

针对IOS机型，底部安全区域是系统动态计算的，所以我们也需要动态获取底部安全区域来适配在uniapp的manifest.json，打开源码视图，对需要适配的页面添加如下配置"styles":{"safeArea":{"bottom":"auto"}}如果使用CSS。一种常见的方法是使用padding-bottom或margin-bottom属性，并使用vh-unit单位来确保底部安全距离不受屏幕尺

向凡而生·2025-03-16 03:40

uni-app打包h5并部署到nginx，路由模式history

uni-app打包有些坑，当时运行的基础路径填写了./，导致在二级页面刷新之后，页面直接空白。就只能换一个路径了，nginx也要跟着改，下面是具体步骤。

星月昭铭·2025-03-15 11:34

uni-app微信小程序报错：更改appid失败touristappid Error:tourist appid

事情是这样的，我用HbuilderX新建了一个uni-app小程序，然后运行到微信开发者工具，原本正常开发，后来我在微信开发者工具中，把project.config.json文件中的“appid”:“touristappid

努力做大神·2025-03-15 10:33

Vue.js的内联样式绑定：style的多种用法

TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》、《前端求职突破计划》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app

阿珊和她的猫·2025-03-15 09:21

在uni-app中使用SQLite

目录1、引入sqlite模块1.1、android权限申请1.2、权限配置1.3、打包，制作自定义基座运行2、sqlite文件结构3、初始化文件index.js4、打开数据库5、查询数据6、可视化测试SQLite是一个进程内的库，实现了自给自足的、无服务器的、零配置的、事务性的SQL数据库引擎。它是一个零配置的数据库，这意味着与其他数据库不一样，您不需要在系统中配置。就像其他数据库，SQLite引

today喝咖啡了吗·2025-03-14 12:18

Uni-App iOS 打包全攻略：从证书申请到上架 App Store，详解每一步

Uni-App项目（已开发完成，并可以正常运行）。二、申请iOS证书和描述文件iOS应用的安装和发布需要开发者证书（.p12）和

奶凶的小熊崽·2025-03-14 10:02

【微信小程序】使用uni-app框架开发微信小程序：快速入门指南

使用uni-app框架开发微信小程序：快速入门指南️引言：为何选择uni-app开发微信小程序？❓在移动应用开发领域，微信小程序因其便捷性和广泛的用户基础而备受青睐。

墨夶·2025-03-13 13:06

如何搭建一个适配微信小程序，h5，app的工程

在vscode搭建uni-app项目（Vue3+Vite+Pinia+uViewPlus）一、环境准备1.安装Node.js确保已安装Node.js（需≥14版本），可通过以下命令检查版本：node-v

牛牪犇0·2025-03-13 08:59

[ app.json 文件内容错误] app.json: [“tabBar“][1][“pagePath“]: “pages/classify/classify“ need in [“pages“]

示例文档uni-app官网•全局文件•pages.json页面路由•pageshttps://uniapp.dcloud.net.cn/collocation/pages#pages思路根据提示（["tabBar

云海洋和天·2025-03-13 07:20

uniapp开发app时权限仅获取一次，拒绝后不再拉取已拒绝权限

checkPermissionDenied":true,}在manifest.json中添加以上内容即可详情参考uniapp官方文档背景|uni-app官网(dcloud.net.cn)

聆听+自律·2025-03-11 16:27

关于uni-app发布手机APP上架各应用商城，隐私政策书写方案说明

uni-app应用隐私政策书写与上架方案说明一、前言随着移动互联网监管日趋严格，隐私政策已成为APP上架应用商城的核心合规文件。

Otaku love travel·2025-03-11 14:15

游戏代练新境界：uni-app赋能，一键解锁你的王者之路

游戏代练新境界：uni-app赋能，一键解锁你的王者之路随着移动互联网的快速发展，越来越多的玩家希望通过代练系统在游戏中快速提升实力。

·2025-03-10 22:05

鸿蒙跨平台框架ArkUI-X

01引言目前，移动端主流跨平台方案有Flutter、ReactNative、uni-app等等，还有刚推出不久的Compose-Multiplatform，真所谓是百花齐放。

搜狐技术产品小编2023·2025-03-09 11:37

uni-app基础拓展

3.1生命周期uni-app生命周期分为应用生命周期、页面生命周期和组件生命周期。

阿常11·2025-03-09 10:31

uniapp微信小程序消息订阅

在uni-app中开发微信小程序时，如果你想要实现消息订阅功能，主要是依赖于微信小程序自身的消息订阅系统。微信小程序提供了订阅消息的能力，允许用户订阅一次性的消息通知，如支付成功通知、物流到达通知等。

youhebuke225·2025-03-08 17:32

uni app 调用网络打印机_uni-app 的使用体验总结

[实践]uni-app的使用总结最近使用uni-app的感受。使用体验没用之前以为真和Vue一样，用了之后才知道。有点类似Vue和小程序结合的感觉。

weixin_39645165·2025-03-08 15:31

uni-app 获取一个目标元素的高，元素到顶部的距离

//获取一个目标元素的高度data(){return{viewHeight:0,//元素的高度}},mounted(){this.getHeight()},methods:{asyncgetHeight(){//class-name元素类名viewHeight元素的高度awaitthis.getViewHeight('class-name','viewHeight');},getViewHeigh

WQ_MItu·2025-03-08 06:29

解决uniapp生成自定义海报/邀请名片，保存图片到本地

本代码片段使用插件《qs-canvas》，支持Node、web、uni-app的canvas绘图工具。

·2025-03-08 06:50

VSCode 配置优化指南：打造高效的 uni-app、Vue2/3、JS/TS 开发环境

VSCode配置优化指南，适用于uni-app、Vue2、Vue3、JavaScript、TypeScript开发，包括插件推荐、设置优化、代码片段、调试配置等，确保你的开发体验更加流畅高效。

奶凶的小熊崽·2025-03-07 23:37

使用uni-app框架中uni.chooseAddress()接口，获取不到用户收货地址

错误描述在我们使用uni-app框架或微信原生开发微信小程序时，使用到uni.chooseAddress(OBJECT)接口获取用户收货地址时，无法跳转到收货地址页面获取。

mumuwei_l·2025-03-07 22:35

影院购票系统（二）——uni-app移动应用开发

这一篇讲解系统的逻辑代码部分，下面是ai的讲解，也可以直接跳到代码部分进行浏览。一、整体功能概述这个Vue组件构建了一个完整的影院座位选择系统，涵盖从座位数据初始化、视图渲染到交互处理以及业务逻辑的整个流程。它遵循响应式编程模式，数据的变化能够及时反映在视图上，反之亦然。二、核心数据结构剖析seatData二维数组组件利用Vue的响应式数据模型，定义了seatData这个二维数组，用来表示9x14

阿常11·2025-03-06 09:57

解决使用 HBuilder X 软件、uni-app 框架和 uView UI 框架开发的项目，需要同时发布成 H5 和微信小程序，且部分页面存在差异问题

主要是利用特定的注释语法1.条件编译原理：uni-app支持条件编译，通过特定的注释语法，可以在不同的平台下编译不同的代码，从而实现页面内容的差异化。

T-shmily·2025-03-06 09:54

生命周期总结（uni-app、vue2、vue3生命周期讲解）

一、vue2生命周期Vue2的生命周期钩子函数分为4个阶段：创建、挂载、更新、销毁。1.创建阶段beforeCreate：实例初始化之后，数据观测和事件配置之前。created：实例创建完成，数据观测和事件配置已完成，但DOM未生成。2.挂载阶段beforeMount：模板编译完成，但未挂载到DOM。mounted：实例挂载到DOM后调用，DOM已生成。3.更新阶段beforeUpdate：数据更

露西西★·2025-03-06 09:54

基于 uni-app 和 Vue3 开发的汉字书写练习应用

基于uni-app和Vue3开发的汉字书写练习应用前言本文介绍了如何使用uni-app+Vue3+uview-plus开发一个汉字书写练习应用。

xiyueta·2025-03-06 09:52

uni.showModal的使用方法——uni-app移动应用开发

一、基础调用方法uni.showModal({title:'操作确认',//标题文字，支持字符串或空值content:'确定执行此操作吗？',//正文内容，支持换行符\r\nshowCancel:true,//是否显示取消按钮（默认true）cancelText:'取消',//取消按钮文字（默认"取消"）cancelColor:'#999',//取消按钮文字颜色（默认#000）confirmTex

阿常11·2025-03-05 17:17

uni-app实现用接口编写新闻

一、uni-app是一个使用vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝

2021级计算机应用技术1班-童秀萍·2025-03-04 09:23

uniapp 中引入使用uView UI

3.在pages.json中添加：4.全局注册组件5.直接使用组件五、自定义主题色（秒换皮肤）一、前言：选择uViewUI的原因uViewUI是uni-app生态中高颜值、高拓展性、开发体验友好的组件库

前端小雪的博客.·2025-03-04 09:52

HBuilderX（uni-app）搭建小程序流程（请求封装，下拉刷新，底部加载等）

uni-app是一个跨平台的前端框架，用于开发多端应用。uni-app提供了一个统一的API，允许开发者编写一次代码，最终部署到多个平台，极大地提高了开发效率。

一朵好运莲·2025-03-03 19:07

uni-app/vue请求封装

基于低学习成本，最终选择了能较快上手的uni-app技术。这期间也是一边看文档，一边开发，痛并快乐着。第一次尝试写博客，力求用最简单的文字记录一个项目的开发过程，希望自己能坚持下去！

厦门在乎科技·2025-03-03 19:36

uni-app网络请求封装（完整版）

目录结构(根目录开始)├──api#所有请求│└──user.js#用户请求api├──store#全局store管理│└──modules#api模块││└──user.js#用户请求模块│└──index.js#状态管理初始化├──utils#全局公用方法│├──auth.js#本地缓存│├──env.js#公共参数│└──request.js#网络请求中间件└──main.js#入口文件加载

sebeefe·2025-03-03 19:05

uni-app 项目封装http 和url

需求分析：封装http请求和url请求，蛀牙目的还是为了统一管理将这两个部分放在http文件夹下面http/http.js//路由公共的部分：constbaseUrl='http://172.0.0.1:8080';//不带token的封装consthttpRequest=(opts,data)=>{//opts是一个对象，包含了后面的url,方法，请求头设置，返回的数据类型等//1.请求的一些默

惠惠子~·2025-03-03 18:59

小程序嵌套h5页面_uni-app 中使用 web-view 微信小程序嵌套H5

uni-app中使用web-view微信小程序嵌套H5由于项目需要，我们的小程序中嵌套了web-view，对于第一次接触uni-app，第一次用web-view的我真的是踩坑无数，屡次站在放弃的边缘，终于在今天搞定了

weixin_39797693·2025-03-03 10:28

【性能优化】uni-app小程序中swiper-item图片预加载

项目场景：在开发壁纸小程序的时候遇到这样一个场景，通过壁纸缩略图页面跳转至壁纸大图页面，需要一次载入的图片太多，这样就需要swiper里需要很多swiper-item，如此一来渲染的时候就会很消耗性能和网络带宽，渲染时会有一大段的空白时间，有时还会造成卡顿，体验非常差。问题描述classlist.vue是壁纸缩略图页面，preview.vue是壁纸大图页面。点击缩略图进行跳转时进行传参，参数为图片

Hugh106·2025-03-02 20:09

uniapp选中日期移动到中间

本文将详细介绍如何在uni-app中实现一个优雅的日期横向滚动选择器，它不仅外观精美，而且具有流畅的交互体验，能够显著提升用户体验。

变量人生·2025-03-02 12:34

uni-app开发微信小程序，数据中\n 换行符失效！解决方案

前言使用uni-app开发微信小程序时，使用text显示字符串（字符串带\n），需要在\n处直接换行。1、本地字符串，可以直接换行显示。2、后台返回字符串，直接换行失效。

zra200714·2025-03-01 18:12

uni-app跨域的解决以及如何封住api，请求接口

uni-app跨域的解决以及如何封住api，请求接口letrequest=function(url,data={},method="GET"){returnnewPromise((resolve,reject

鹅鹅鹅gg·2025-03-01 14:47

跨端方案选型：对比Uni-app与Taro在复杂电商项目中的技术选型依据参考

跨端方案选型：对比Uni-app与Taro在复杂电商项目中的技术选型依据参考请赏析：Uni-app与Taro复杂电商项目选型对比指南一、核心选型维度速记技术栈匹配→跨端能力→性能优化→开发效率→生态支持

向贤·2025-03-01 12:31

uniapp框架基础，一文搞定uniapp（全集）

UNI-App框架基础部分文章目录一、全局配置和页面配置1.globalStyle全局外观配置2.page配置3.tabbar配置4.condition启动模式配置二、组件的基本使用1.text组件文本组件

都叫我闫工·2025-03-01 03:17

【微信小程序】uni-app开发微信小程序，7步轻松搞定，你也能成为跨平台大神

超萌技术攻略，轻松晋级编程高手技术宝库已备好，就等你来挖掘订阅墨瑾轩，智趣学习不孤单即刻启航，编程之旅更有趣标题：uni-app开发微信小程序，7步轻松搞定，你也能成为跨平台大神！

墨瑾轩·2025-02-28 04:56

【uniapp】实现复制到剪贴板功能

uni.showToast({title:'复制成功',icon:'none'});},fail:function(){uni.showToast({title:'复制失败',icon:'none'});}});},官网uni-app

.清和.·2025-02-27 19:40

播放音频uni-app

varp=plus.audio.createPlayer("/static/test.mp3");p.play();setTimeout(function(){p.stop()},5000)

qq_37902065·2025-02-27 19:09

Vite 与 Webpack：性能差异解析

年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app

阿珊和她的猫·2025-02-27 11:07

【uni-app笔记整理八】图片的上传

本文网址：https://sunkuan.blog.csdn.net/article/details/111678247图片上传在移动端也是很常见的一项功能，它可以从本地相册中或者使用相机进行拍照上传图片，uni-app

小异常·2025-02-27 01:55

uni-app 之文件（图片、视频.....）上传与下载

文件上传uploadFile函数参数说明如下：参数名类型必填说明平台差异说明urlString是开发者服务器urlfilesArray是（files和filePath选其一）需要上传的文件列表。使用files时，filePath和name不生效。App、H5（2.6.15+）fileTypeString见平台差异说明文件类型，image/video/audio仅支付宝小程序，且必填。fileFil

郭宝·2025-02-27 01:54

推荐频道