uniapp项目源码第2页

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

一个基于 React + SpringBoot 的在线多功能问卷系统（附源码）

的在线多功能问卷系统前端技术栈：React、React-Router、Webpack、Antd、Zustand、Echarts、DnDKit后端技术栈：SpringBoot、MySQL、MyBatisPlus、Redis项目源码下载链接

程序员-李旭亮·2025-02-28 07:23

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

【含文档+PPT+源码】基于小程序开发的宠物寄养平台管理系统

1.包含：项目源码、项目文档、数据库脚本、软件工具等所有资料2.带你从零开始部署运行本套系统3.该项目附带的源码资料可作为毕设使用宠物寄养平台的重要核心功能包括首页、系统公告管理、用户管理、帖子管理、系统公告管理

编程毕设·2025-02-27 14:57

解读 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

uniapp 开发 h5 跳转微信小程序

1、JS-SDK说明文档文档链接把JSSDK的js文件下载下来或者直接使用链接2、封装初始化jssdk的functionvarjweixin=require('../common/jweixin-1.6.0.js');jssdkConfig:(options)=>{returnnewPromise((resolve,reject)=>{uni.showLoading({title:"加载中..."

陈龙龙的陈龙龙·2025-02-26 23:34

uniapp更新版本，apk包进度条，wgt包热更新

upgrade.js/***@descriptionH5+下载App*@paramdownloadUrl:App下载链接*@paramprogressCallBack:下载进度回调*/exportconstdownloadApp=(downloadUrl,progressCallBack=()=>{},)=>{returnnewPromise((resolve,reject)=>{//创建下载任务

初晨未凉·2025-02-26 23:03

如何实现uniapp编译的微信小程序做可回溯视频

本文收录于《全栈Bug调优(实战版)》专栏，主要记录项目实战过程中所遇到的Bug或因后果及提供真实有效的解决方案，希望能够助你一臂之力，帮你早日登顶实现财富自由；同时，欢迎大家关注&&收藏&&订阅！持续更新中，up！up！up！！全文目录：问题描述解决方案1.**视频录制与回溯原理**2.**具体实现步骤**2.1录制视频播放状态与用户操作2.2回放过程2.3数据存储与管理2.4界面展示3.**注

bug菌¹·2025-02-26 23:33

uniapp:h5端跳转微信小程序（仅限微信环境）

1.页面布局注意：图片或点击按钮可放在里面，但是标签要用原生image——>img，rpx转译不了，要用px，但是导致样式不自适应，所以把图片或按钮放出来，用相对定位布局，pointer-events:none;去除图片属性，可以点击图片后面的点击事件。必须加上div要撑起wx-open-launch-weapp标签2.获取签名//调取后台接口，获取签名getybSning(){vartha

_木棠·2025-02-26 22:27

uniapp - 最新实现hbuilder项目运行到ios基座或苹果ios真机设备详细教程，如何在ios苹果手机上真机运行测试，IOS自定义基座在线打包调试（uniapp项目如何在苹果手机上运行调试）

黑苹果模拟器上进行安装调试测试项目，支持“macos|Xcode”系统及工具的运行教程（适用于没有苹果真机），使用HbuilderX编辑器运行到ios苹果app基座，安装运行自定义基座调试app项目，完整流程配置及详细过程说明，UniApp

街尾杂货店&·2025-02-26 11:36

uniapp h5端和app端使用 turn.js

前提:添加页后,添加页与当前页会重叠在一起,不知道为什么,没有找到解决办法1.h5端Page1Page2Page3Page4Page5//npminstalljqueryturn.jsimport$from'jquery';import'turn.js';exportdefault{data(){return{}},mounted(){//确保DOM加载完成this.$nextTick(()=>{

qq_31683775·2025-02-26 02:09

uniapp调用Android原生NFC进行读写操作

进行读操作请刷卡读取数据varNfcAdapter;varMifareClassic;exportdefault{components:{uniPopup},data(){return{formData:{bind_code:'',tagid:'',time:null,show:false,}}},methods:{open(){//开启阴影遮罩前检查NFC状态varmain=plus.andro

数学分析分析什么？·2025-02-26 01:00

Uni-App v-for遍历map

之前在用vue的v-for我记得好像是key代表一个键值对的键，value代表键值对的值今天写写uni-app发现好像不对在uniapp中的写法如下：key就像遍历数组时的index,而value才是一个键值对

EdmundShelby·2025-02-25 16:57

ScriptEcho：AI赋能的前端代码生成神器

软件简介ScriptEcho是一个专为前端开发者设计的AI代码生成平台，支持Vue、React、uniapp和Flut

begei·2025-02-25 14:07

Ascend Extension for PyTorch是个what？

项目源码地址请参见Ascend/Pytorch。昇腾为基于昇腾处理器和软件的行业应用及服务提供全栈AI计算基础设施。您可以通过访问昇腾社区，了解关于昇腾的更多信息。2

·2025-02-25 03:53

uni-app获取设备唯一值、静态IP、公网IP、重启系统以及隐藏底部原生导航栏的方法

最近开发uniapp的时候，想要获取设备的唯一值作为绑定设备的序列号，还有手动设置的IP以及联网后的公网ip，在插件市场找到一个插件，非常适合，链接如下：lrw-getip-getid，特意在此记录一下

·2025-02-24 19:09

基于SpringBoot的校园消费点评管理系统

计算机学姐·2025-02-24 18:22

uniApp 加载google地图并规划路线

uniApp加载google地图并规划路线备注:核心代码实例备注:打开谷歌地图失败的话参考google开发文档https://developers.google.com/maps/documentation

刘子平·2025-02-24 17:12

uniapp实现移动端剪切板小功能

在制作移动端支付的项目时用到了剪切板这个功能，uniapp中想要实现这个功能会有一个问题。

聂聂脸·2025-02-24 10:48

UniApp本地存储：你以为只会存密码？这些骚操作让你直呼内行！

今天咱们不聊“跨端开发大法”，也不撕“Vue和React谁更香”，就说说UniApp里那个看似憨厚老实，实则暗藏玄机的本地存储！你以为它只能存个账号密码？Tooyoung！

烂蜻蜓·2025-02-24 09:11

uniapp的节点查询器

创建节点查询器//将选择器的选取范围更改为自定义组件component内，返回一个SelectorQuery对象实例constquery=uni.createSelectorQuery().in(this)selectorQuery.select(selector)//在当前页面下选择第一个匹配选择器selector的节点，返回一个NodesRef对象实例，可以用于获取节点信息query.sele

善杰爱编程·2025-02-24 06:56

UNIAPP 中selectAll节点的使用

constquery=uni.createSelectorQuery().in(this);query.selectAll('.catelog').boundingClientRect(rects=>{rects.forEach(rect=>{//这里的滚动触发可能是1ms触发，由于有时间间隔，如果滚动过快就可能导致rect.top取值不精确，所以用一个范围作为判断if(Number.parseI

一起写代码不咯·2025-02-24 06:24

uniapp获取元素高度

uni.getSystemInfo({success:function(res){//res-各种参数console.log(res.windowWidth);//屏幕的宽度letinfo=uni.createSelectorQuery().select(".类名");info.boundingClientRect(function(data){//data-各种参数console.log(dat

if时光重来·2025-02-24 06:23

uniapp功能集合

实现滑动到指定位置handlego(){varme=this;varquery=wx.createSelectorQuery().in(me);query.selectViewport().scrollOffset()query.select("#comment").boundingClientRect();query.exec(function(res){console.log(res);var

BLUESKYHOST·2025-02-24 06:53

基于SpringBoot的大学生综合能力测评管理系统

计算机学姐·2025-02-24 03:02

智慧废品回收小程序php+uniapp

废品回收小程序：数字化赋能环保，开启资源循环新时代城市垃圾治理难题，废品回收小程序成破局关键随着城市化进程加速与消费水平提升，我国生活垃圾总量逐年攀升，年均增速达5%-8%，其中超30%为可回收物。然而，传统废品回收模式存在“找不到回收点、价格不透明、分类混乱”等痛点，导致大量资源被填埋或焚烧。在此背景下，废品回收小程序应运而生，通过“线上下单—智能估价—上门回收”的数字化链路，打通居民与回收企业

黑马源码库miui52086·2025-02-23 23:06

uniapp 中使用天地图，安卓端、h5

背景：项目需要将高德地图换成天地图，pc端已经更换，但app端用uniapp写的，就有点茫然了，毕竟uniapp官方给出的地图组件也不支持啊，网上找吧，也没什么例子，算了，自己写吧。

漫天绯羽·2025-02-23 20:44

Uniapp 中布局魔法：display 属性

一、开启Uniapp布局魔法之旅各位Uniapp开发的小伙伴们，欢迎来到Uniapp这个充满创意和挑战的魔法世界！

烂蜻蜓·2025-02-23 20:12

uniapp - 全平台兼容 | 实现九宫格转盘抽奖功能效果，uniapp宫格老虎机抽奖活动，支持后端接口确定最终奖品，最好用的九宫格抽奖机插件组件源码，无bug（详细示例全部代码，一键复制开箱即用）

效果图在uniapp小程序/h5网页网站/安卓苹果app/nvue等（全平台完美兼容）开发中，完成实现九宫格效果抽奖转盘机，丝滑流畅的抽奖体验，可以调用服务端接口确定必中的奖品，自定义概率、奖品项、宫格数量等等

街尾杂货店&·2025-02-23 11:12

uniapp封装请求工具

importuseStorefrom'@/store'constbaseURL=`http://localhost:3000`classServer{Request(options){const{url,method,params,timeout,header}=optionsreturnnewPromise((resolve,reject)=>{uni.request({url:baseURL+

仙古.梦回～·2025-02-23 11:40

uniapp Stripe 支付

引入Stripenpminstall@stripe/stripe-jsimport{loadStripe}from'@stripe/stripe-js';Stripe提供两种不同类型组件PaymentElement和CardElement：如果你使用的是PaymentElement，它是一个更高级别的组件，能够自动处理多种支付方式（如信用卡、ApplePay等），并且不需要你手动指定payment

百事可乐☆·2025-02-23 11:39

uniapp 支付宝小程序自定义顶部导航栏

我是用的是uniapp的uni-nav-bar组件根据项目需求配置即可props:{title:{type:String,default:''},leftIcon:{type:String,default