uniapp压缩图片

小程序和页面生命周期详解

UniApp是一个基于Vue.js的跨平台开发框架，允许开发者使用一套代码构建多端应用（如小程序、H5、App等）。

_未知_开摆·2025-03-07 18:49

uniapp开发踩坑兼容问题【第一弹！！】，血泪史o(╥﹏╥)o，一次学习终生避雷！！！

1.移动端适配与兼容性问题1）newDate（）在IOS上出现值为NAN的问题但在IOS下，这是使用获取到的值是NAN。原因：因为IOS下的newDate()不支持"-“这个字符解决方法：把”-“改成‘”/"就可以了newDate("2017-08-1112:00:00".replace(/-/g,"/"));2)Android部分机型使用height和line-height等值设置垂直居中，但会

庸俗今天不摸鱼·2025-03-06 21:11

uniApp中使用小程序XR-Frame创建3D场景（2）加载模型

上篇文章讲述了如何将XR-Frame作为子组件集成到uniApp中使用，只完成了简单的环境搭建，这篇文章讲解如何加载3D模型。

Ltanke·2025-03-06 19:52

Java版工程行业管理系统源码-专业的工程管理软件- 工程项目各模块及其功能点清单

这款工程项目管理软件采用了Vue、Uniapp、Layui等前沿技术框架，构建了一个覆盖项目全生命周期的综合管理平台。从项目策划决策、规划设计，到施工建设、竣工交付，再到总结评估和运维运营

m0_72864708·2025-03-06 14:34

升级《在线写python》小程序的分享功能。昨天忘了...

小程序是使用uniapp写的，忘了开启分享功能，导致它现在是这样的。

陈钇谷·2025-03-06 09:25

uniapp布局

记录一下表单的样式修改常见问题：使用uv-ui组件库：提交exportdefault{data(){return{fileList:[],form:{username:'',pics:[]},rules:{username:[{required:true,message:'此为必填字段',trigger:['blur','change']}],pics:{type:'array',required

light多学一点·2025-03-06 09:51

uniapp：小程序将base64图片字符串保存到手机相册

第二步查阅UniApp的文档，关于保存图片到相册的相关API，uni.saveImageToPhotosAlbum。这个API的参数需要一个文件路径，需要先将Base64转换成临时文件路径。

ChinaDragonDreamer·2025-03-06 08:19

深入浅出：UniApp 从入门到精通全指南

https://juejin.cn/post/7440119937644101684uni-app官网本文是关于UniApp从入门到精通的全指南，涵盖基础入门（环境搭建、创建项目、项目结构、编写运行）、

大胖丫·2025-03-05 20:39

UniApp设备适配

UniApp是一个使用Vue.js开发跨平台应用的框架，它支持将同一套代码编译发布到多个平台，如H5、小程序、iOS、Android等。

·2025-03-05 16:49

如何禁用uniapp,vue页面下拉刷新功能

在小程序开发中，enablePullDownRefresh是一个常用的配置项，用来控制页面是否允许下拉刷新。但是，有时即使在pages.json中将其设置为false，下拉刷新依然可能未被完全禁用。1.enablePullDownRefresh:false配置无效enablePullDownRefresh是在pages.json文件中对页面进行全局配置的一项功能，它会决定该页面是否允许触发下拉刷新

劲雨波·2025-03-05 14:44

uniapp - 详细手机端h5网页调用手机摄像头进行二维码识别扫描，在uniapp的H5移动端微信网页平台中，在浏览器中调用手机扫码功能详细教程，识别二维码并获取扫描结果（完整示例源码，一键复制即用

效果图正常情况下，使用uniapp扫码API是不行的，因为不支持h5端。

街尾杂货店&·2025-03-05 13:04

uniapp实现点击图片预览放大，长按下载图片

1.使用uniapp中的uni.previewImageAPI预览图片2.使用uniapp中的uni.downloadFileAPI下载图片3.使用uniapp中的uni.saveImageToPhotosAlbumAPI

luoluosheng07·2025-03-05 01:29

【商城实战(2)】商城架构设计：从底层逻辑到技术实现

从项目基础搭建，运用uniapp、ElementPlus、SpringBoot搭建商城框架，到用户、商品、订单等核心模块开发，再到性能优化、安全加固、多端适配，乃至运营推广策略，102章内容层层递进。

奔跑吧邓邓子·2025-03-04 17:58

【商城实战(1)】启航：从0到1搭建电商帝国的第一步

从项目基础搭建，运用uniapp、ElementPlus、SpringBoot搭建商城框架，到用户、商品、订单等核心模块开发，再到性能优化、安全加固、多端适配，乃至运营推广策略，102章内容层层递进。

奔跑吧邓邓子·2025-03-04 17:57

【uniapp】子组件和父组件双向绑定，vue3已废除sync写法，v-model代替

vue3已废除sync写法，v-model代替实现state的值可以从子组件传递给父组件，也可以从父组件传递给子组件文件地址pages/about/about.vue开启{{mystate}}exportdefault{data(){return{mystate:false};},methods:{clickBtn(){this.mystate=true},}}文件地址components/myp

黛色正浓·2025-03-04 14:59

UniApp 24点数学游戏开发实践

UniApp24点数学游戏开发实践一、项目简介24点数学游戏是一个经典的数学益智游戏，旨在培养用户的数学思维和计算能力。本项目基于UniApp+Vue3开发，实现了一个跨平台的24点游戏应用。

xiyueta·2025-03-04 13:27

uniapp 中引入使用uView UI

文章目录一、前言：选择uViewUI的原因二、完整引入步骤1.安装uViewUI2.配置全局样式变量（关键！）3.在pages.json中添加：4.全局注册组件5.直接使用组件五、自定义主题色（秒换皮肤）一、前言：选择uViewUI的原因uViewUI是uni-app生态中高颜值、高拓展性、开发体验友好的组件库，提供100+组件和丰富工具，能极大提升开发效率。二、完整引入步骤1.安装uViewUI

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

UNIAPP前端配合thinkphp5后端通过高德API获取当前城市天气预报

如何通过UniApp前端项目与ThinkPHP5后端结合高德天气API获取天气预报信息。我们将分为前端和后端两部分进行实现。

知码客·2025-03-04 08:48

uniapp开发的系统时如何运行的？

Uniapp开发的系统运行原理主要基于其跨平台开发框架的特性，以下是其运行机制的详细解析：一、核心思想Uniapp的核心思想是将不同平台的差异进行抽象和封装，让开发者可以专注于业务逻辑的编写，而无需过多关注平台特定的细节

·2025-03-04 02:13

uniapp学习心得：跨平台开发

一.介绍UniApp是一个基于Vue.js开发的跨平台应用开发框架，可以用于快速构建同时运行在多个平台（包括iOS、Android、Web等）的应用程序。

sdfcr·2025-03-02 13:08

uniapp h5页面获取跳转传参的简单方法

有过h5页面开发的朋友，肯定知道，在没有使用相关框架时候，获取从上游app跳转过来的参数极其麻烦，需要我们手动获取页面链接，并截取到正确的参数值，但是在如今在uniapp项目中的h5页面，则无需如此繁琐

lyz246859·2025-03-02 13:06

uniapp选中日期移动到中间

uniapp选中日期移动到中间在移动端应用开发中，日期选择是一个常见且重要的交互需求。

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

初识uniApp

详细思考一下uniApp这个跨平台开发框架。首先，我对uniApp还不是很了解，所以需要从基本概念开始，逐步深入。什么是uniApp？

家里有只小肥猫·2025-03-02 12:31

全新租赁小程序系统源码基于ThinkPHP+UniApp开发的租赁商城小程序

内容目录一、详细介绍二、效果展示1.部分代码2.效果图展示三、学习资料下载一、详细介绍全新租赁小程序系统源码基于thinkphp+uniapp开发的租赁商城小程序基于thinkphp+uniapp开发的租赁商城小程序

专业软件系统开发·2025-03-01 15:54

uview2.0封装http请求实战以及常见请求传参实录

1.前言2.使用步骤2.1配置请求拦截器以及api集中管理配置2.2main.js中进行引入请求拦截器2.3页面中引入请求方法并使用1.前言uview2.0是uniapp开发中使用频率相对来讲比较高的一款框架

卖柴火的小伙子·2025-03-01 14:46

uniapp request请求封装自带的http

1.不需要安装任何request插件2.使用uni内部自带的http一、根路径上配置个common/config.jscommon是文件夹config.js的代码是module.exports={//后端接口地址您的后端接口记得加端口baseUrl:'',//超时timeout:30000,//禁用Cookie等信息withCredentials:false,header:{//租户ID'tena

sunyin.liu·2025-03-01 14:45

uniapp请求封装统一处理，token无感刷新刷

import{useStoreUser}from'@/store/user.js';importrequestInterceptorfrom'@/interceptor/request.js';import{goLogin}from'@/interceptor/router.js';import{refreshToken}from'./index';classhttp{/***http请求基类*@

Mo_jo·2025-03-01 13:11

UniApp 中封装 HTTP 请求与 Token 管理（附Demo）

目录1.基本知识2.Demo3.拓展1.基本知识从实战代码中学习，上述实战代码来源：芋道源码/yudao-mall-uniapp该代码中，通过自定义request函数对HTTP请求进行了统一管理，并且结合了

码农研究僧·2025-03-01 13:39

uniapp 系统学习，从入门到实战（五）—— 组件库与常用 UI 组件

全篇大概7000字(含代码)，建议阅读时间30minUniApp基于Vue.js的跨平台特性，提供了丰富的内置组件和灵活的扩展能力。

小那同学·2025-03-01 12:32

uniapp——如何在onLoad和onShow中调用函数只被调用一次

说明例如：当小程序调用扫码扫描设备二维码时，展示相关套餐，同时会把码内的id存成缓存。以确保切换到其他页面回来后套餐还在。把请求套餐的接口放在onShow里面就行。但同时使用微信扫码进入的时候一般会在onLoad里面调用。这样就会出现每次进入这个页面会调用两次套餐的接口。预期结果：只调用一次接口要解决这个问题，我们可以通过设置一个标志位来控制getList()函数的调用。在onLoad函数中，我们

耶啵奶膘·2025-03-01 04:53

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

组件的基本使用1.text组件文本组件2.view组件3.Bottom组件4.image组件三、uni-app中的样式四、数据绑定1.插值2.v-bind3.v-for五、uni中的事件1.v-on事件绑定六、uniapp

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

uniapp开发微信小程序时实现文字转语音播报播报时一个字展示一个字并有暂停语音的功能

{{isPlaying?'暂停':'播放'}}{{displayedText}}varplugin=requirePlugin("WechatSI")exportdefault{data(){return{text:'需要展示的文字',displayedText:'',isPlaying:false,index:0,intervalId:null,audioContext:null，plugin：

朱留坤·2025-02-27 19:13

UniApp 按钮组件 open-type 属性详解：功能、场景与平台差异

文章目录引言一、open-type基础概念1.1核心作用1.2通用使用模板二、主流open-type值详解2.1contact-客服会话功能说明平台支持代码示例2.2share-内容转发功能说明平台支持注意事项2.3getUserInfo-获取用户信息功能说明平台支持代码示例2.4getPhoneNumber-获取手机号功能说明平台支持开发要点2.5feedback-意见反馈功能说明平台支持三、跨

前端小雪的博客.·2025-02-27 19:12

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

代码复制copy(){uni.setClipboardData({data:'需要复制的内容',success:function(){uni.showToast({title:'复制成功',icon:'none'});},fail:function(){uni.showToast({title:'复制失败',icon:'none'});}});},官网uni-app官网

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

uniapp实现复制粘贴功能(uni.setClipboardData、uni.getClipboardData)

思路：使用uniapp的uni.setClipboardData（设置系统剪贴板的内容）和uni.getClipboardData（获取系统剪贴板内容）要复制的内容：{{qq}}exportdefault

Komorebi ঞ꧔ꦿ·2025-02-27 19:08

uniapp-首页模块

小兔鲜儿-首页模块涉及知识点：组件通信、组件自动导入、数据渲染、触底分页加载、下拉刷新等。自定义导航栏参考效果：自定义导航栏的样式需要适配不同的机型。:::tip操作步骤准备组件静态结构修改页面配置，隐藏默认导航栏，修改文字颜色样式适配->安全区域:::静态结构新建业务组件：src/pages/index/componets/CustomNavbar.vue<scriptsetuplang

Brilliant Nemo·2025-02-27 18:07

Uniapp 小程序复制、粘贴功能实现

在开发Uniapp小程序的过程中，复制和粘贴功能是非常实用且常见的交互需求。今天，我就来和大家详细分享如何在Uniapp中实现这两个功能。

前端小雪的博客.·2025-02-27 18:32

解读 Uniapp：从入门到精通的底层原理

解读Uniapp：从入门到精通的底层原理一、前言二、Uniapp与Vue.js的关系2.1Vue.js基础回顾2.2Uniapp对Vue.js的继承与扩展三、Uniapp的组件系统3.1组件的基本概念与创建

xcLeigh·2025-02-27 12:50

Uniapp 小程序获取用户手机号功能实现

在开发Uniapp小程序时，获取用户手机号是一个常见的需求，比如用于用户注册、身份验证等场景。下面将详细介绍如何在Uniapp小程序中实现获取用户手机号的功能。

前端小雪的博客.·2025-02-27 06:02

轻松实现 Uniapp 小程序二维码长按识别与保存功能

在开发Uniapp小程序的时候，很多场景都需要用到二维码，比如引导用户添加客服微信、推广活动等。

前端小雪的博客.·2025-02-27 06:02

关于uniapp和H5的通信交互传参问题

在h5index.html中引入1.在uniapp中创建webview通信的vue页面2.h5通信webview中绑定@messageuvue中绑定@onmessage3.h5组件中获取从uniapp传过来的参数

水水水水水水水水水水水·2025-02-27 06:58

uniapp上传图片到后端服务器

uniappuniapp中上传图片如果需要和后端连接接口，是以文件形式上传，先调用uni.chooseImage方法选择图片，再调用uni.uploadFile以文件形式上传uni.chooseImage

言若-·2025-02-27 02:57

uniapp - 超详细 H5 网页利用 uni.downloadFile 下载 URL 文件流并调用浏览器下载功能效果，前台通过请求后端接口获取文件并下载保存到本地（支持电脑PC与手机移动端H5）

本文实现了在uniappH5网页项目中，通过uni.downloadFile下载文件得到临时文件路径后，调起浏览器进行下载保存，支持uniappv2/v3版本，详细讲解得到文件临时地址后，如何让浏览器使用这个临时地址

王二红·2025-02-27 02:26

uniapp开发小程序手写板、签名、签字

可以使用这个插件进行操作手写板-签名签字-lime-signature-DCloud插件市场但是目前这个插件没有vue3setupCompositionAPI的写法。所以对于此文档提供的可以直接使用，需要使用CompositionAPI方式实现的，可以继续看。因为CompositionAPI方式，更加的简单、灵活，在今后的编程之中要多用、多学，这样才能写出更加健壮的代码。1.首先建立一个可以运行的

故里2130·2025-02-27 01:55

uniapp+vue微信小程序项目中实现手机号授权登录

效果图：实现方式：手机号授权登录open-type有效值值说明平台差异说明getPhoneNumber获取用户手机号，可以从@getphonenumber回调中获取到用户信息微信小程序、百度小程序、抖音小程序、支付宝小程序、快手小程序、京东小程序。App平台另见一键登陆getPhoneNumber(e){

郭宝·2025-02-27 01:54

uniapp 测试 IPA 包安装到测试 iPhone

将uniapp测试IPA包安装到测试iPhone有以下几种方法：使用Xcode安装确保计算机上安装了Xcode，并将iOS设备通过数据线连接到计算机。

一只月月鸟呀·2025-02-27 01:53

uniapp 自定义页面下拉刷新实现

uniapp自定义页面刷新实现//页面：......

带刺的茄子·2025-02-27 01:52

Springboot后台 uniapp前端实现文件的下载与上传〖文件上传篇〗

Springboot实现文件的下载与上传最近一段时间要学习一下springboot为后台的文件上传也下载,前端部分我使用uniapp来写一.springboot后台部分注意Java文件类以抽象的方式代表文件名和目录路径名

ktoking·2025-02-27 01:22

【uni-app】微信小程序使用lime-painter生成海报

lime-painter是一个专为UniApp设计的插件，用于优雅地生成海报，并支持下载海报图片。

cjsnyxz·2025-02-27 01:21

踩坑-vue3.0-uniapp-全局变量prototype失效

项目场景：踩坑-vue3.0-uniapp-全局变量prototype失效问题描述踩坑-vue3.0-uniapp-全局变量prototype失效main.js中全局变量失效Vue.prototype.

cometxd·2025-02-27 01:51

推荐频道