微信小程序uniapp

uniapp 实现的下拉菜单组件

采用uniapp实现,是一款具备丝滑折叠、展开动画的下拉菜单，支持vue2、vue3；适配web、H5、微信小程序（其他平台小程序未测试过，可自行尝试）可到插件市场下载尝试：https://ext.dcloud.net.cn

狼性书生·2025-03-25 06:23

微信小程序之 wx.showToast延时跳转页面实例

需求：wx.showToast显示成功后返回上一级页面微信小程序返回上一级页面，代码如下：wx.navigateBack({delta:1})微信小程序wx.showToast延时跳转页面，代码如下:wx.showToast

gyuei·2025-03-25 03:02

用UniApp三天上线多端电商系统（附性能翻倍秘籍）》

文章目录一、电商多端开发血泪史：踩过这些坑的请举手！1.1真实案例：某电商APP崩溃事件复盘1.2开发者必知的多端性能陷阱二、百万级订单系统架构实战2.1核心架构设计（日均PV千万级验证）2.2商品详情页极致优化方案三、六大性能杀手及破解之道3.1首屏渲染破冰方案3.2长列表渲染性能提升300%方案四、多端兼容性终极解决方案4.1小程序与APP支付统一封装4.2多端样式统一方案五、企业级项目资源合

前端极客探险家·2025-03-25 02:24

微信小程序「 Skyline-Worklet-ios-Andorid 」项目实战-05

一、抽屉慨述首先抽屉组件滑动右显示时我们不仅仅只是滑动iDrawer组件当前页面也需要向右滑动，所以这一章，开发页面滑动的逻辑。首先在common.wxss上写一个公用的页面容器样式。再分别在首页、分类、探索页面最外层添加class="tab-page"的公用css。/*抽屉页面*/.tab-page{position:absolute;top:0;left:0;width:100vw;heigh

像素粒子·2025-03-25 00:15

UniApp 打开文件工具，获取文件类型，判断文件类型

注意：以下代码使用typeScript开发，如果想在js中使用，可参考npm已经发布的包：https://www.npmjs.com/package/uni-easy-fileNPM使用如果想直接在npm项目中使用可以直接执行以下命令npmiuni-easy-file然后直接使用import{EasyFile}from'uni-easy-file';EasyFile.mainName("fileP

会功夫的李白·2025-03-24 23:06

小白学习微信小程序的数据绑定和渲染

数据绑定和渲染是微信小程序中非常重要的功能，它可以实现页面内容的动态更新以及与用户交互的功能。在本篇文章中，我们将通过详细的代码案例来介绍数据绑定和渲染内容的相关知识。

粉绿色的西瓜大大·2025-03-24 22:00

uniapp [全端兼容] - 详细实现下拉菜单筛选效果功能，提供各种条件筛选场景单选、多选、日期时间、自定义插槽、排序上下箭头等（详细示例源代码，全平台兼容支持小程序、H5网站、app、nvue）

手机移动端下拉条件筛选菜单功能，下拉式筛选菜单面板，支持插槽自定义内容、单选列表、多选列表、多级联动、复杂级联列表、排序上下小三角等通用示例，带动画过渡效果，可根据需求自定义样式和修改展开收起动画、弹框样式等，uniappv2

王二红·2025-03-24 21:21

uniapp组件封装-下拉菜单栏

如图效果{{value}}{{item}}exportdefault{data(){return{showMenu:false,}},props:{value:{type:String},data:{type:Array}},computed:{values:{get(){returnthis.value},set(val){this.$emit('input',val)}}},methods:{

m0_67402013·2025-03-24 21:47

PostgreSQL：GiST索引实现千万级IP库0.01毫秒检索

__c=1000，移动端可微信小程序搜索“历代文学”）总架构师，15年工作经验，精通Java编程，高并发设计，Springboot和微服务，熟悉Linux，ESXI虚拟化以及云原生Docker和K8s，

伏羲栈·2025-03-24 21:17

关于 vue2 vue3 响应式数据，及如何清空、重置对象

在一个项目中，后台用的vue3，前端用的是uniappvue2，项目几乎是并行开发，然后在一个vue2数据清空的方法里直接写了一个this.form={}的代码，结果页面出现残留数据让我进一步了解了vue2

xixixin_·2025-03-24 20:45

JNPF.java前后端分离框架，SpringBoot+SpringCloud开发微服务

技术选型:SpringBootSpringCloudMybatis-PlusRedisjqueryvueBootstrapElementUIUniapph

「已注销」·2025-03-24 20:37

微信小程序和uni-app的区别

微信小程序：微信小程序使用自己的框架，基于WXML（类似于HTML）和WXSS（样式语言）进行开发，需要学习微信小程序独有的语法和组件。

cccv工程师·2025-03-24 18:26

原生微信小程序基础语法--快速总结

没错换工作了他们小程序竟然用的原生qaq总结复习一波数据操作数据初始值Page({data:{milktea:[{_id:1,name:'生打椰'},{_id:2,name:'生打椰'},{_id:3,name:'生打椰'},]},}列表渲染在wx:for中，item默认来接收数组项，index默认来接收数组下标；可以通过wx:for-item和wx:for-index来修改默认的item和ind

一蓑烟雨，一任平生·2025-03-24 18:20

uniapp

uni-app是一个使用Vue.js开发所有前端应用的框架，可以编译到iOS、Android、H5、以及各种小程序等多个平台。以下是uni-app页面生命周期的详细介绍，包括一些简单的示例：初始化阶段onLoad(options)触发时机：页面加载时触发，且只触发一次。参数：options是一个包含页面路径参数的对象。示例：从上一个页面传递参数到当前页面。onLoad(options){conso

Deepsleep.·2025-03-24 07:23

uniapp刷新本页

网上那些都是放屁，浪费时间，都给我用这个！//刷新本页window.location.reload();

源码网·2025-03-24 06:41

使用uni-app的组件（基础组件和扩展组件）

目录一、使用基础组件二、使用扩展组件（uni-ui）方式一：npm安装方式二：通过uni-modules导入全部组件一、使用基础组件文档uni-app官网•组件•组件概述https://uniapp.dcloud.net.cn

云海洋和天·2025-03-24 00:16

【商城实战(55)】商城数据库备份：策略与实操指南

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

奔跑吧邓邓子·2025-03-23 23:12

uniapp 返回上一页刷新数据

2种情况，第一种是按钮等事件手动返回上一页，采用事件通知：子页面：uni.$emit('refreshIfNeeded',true)uni.navigateBack({delta:1,})上一个页面onShow(()=>{console.log('onShow')//获取传值uni.$on('refreshIfNeeded',function(dat){console.log('监听到事件来自re

林发和·2025-03-23 23:11

Python基于深度学习的动物图片识别技术的研究与实现

Java技术领域和毕业项目实战✌文末获取源码联系精彩专栏推荐订阅不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全：1000个热门选题推荐✅Java项目精品实战案例《100套》Java微信小程序项目实战

Java老徐·2025-03-23 23:38

麦谷科技-前端面经

base：车联网，uniapp小程序。

dancehole·2025-03-23 15:33

Vs code搭建uniapp-vue项目

安装vue环境npminstall-g@vue/clinode版本建议18或者18以上vuecreate-pdcloudio/uni-preset-vue项目名称----正式版vuecreate-pdcloudio/uni-preset-vue#alpha项目名称----alpha版Vue3/Vite版npxdegitdcloudio/uni-preset-vue#vite项目名称---js-正式

.try-·2025-03-23 13:16

uniapp页面列表，详情返回不刷新，新增或编辑后返回刷新

列表页onLoad(async(options)=>{//其中handleSearch为请求列表方法handleSearch()uni.$on('pageRefresh',()=>{handleSearch()});})onUnload(()=>{//页面销毁时移除监听，避免重复监听uni.$off('pageRefresh');})新增或编辑页//其中reqFunc为提交请求constonSub

Forevermoremo·2025-03-23 13:45

uniapp发布成harmony时报错找不到@uni_modules/uni-push包跟这个包@uni_modules/hmr-for-uni-app

18:39:02.712项目a编译成功。18:39:04.009安装鸿蒙工程的依赖...18:39:06.874安装鸿蒙工程依赖成功18:39:06.874开始制作安装包.app，请耐心等待...........18:39:37.254>hvigorWARN:Thecurrentmodule'a'hasdependencywhichisnotinstalledatitsoh-package.jso

ABCHERRY7·2025-03-23 13:13

uniapp 和 webview 之间的通信

1.背景应用使用了uniapp开发跨端应用，在uniapp中内嵌webview页面实现页面热更新效果，不需要用户单独重新安装软件即可实现页面的版本更新。

DT——·2025-03-23 13:11

简单小程序代码_如何制作微信小程序

微信小程序的流量红利对商家有很大吸引力，如何制作一个小程序，打开小程序营销渠道呢？关于如何制作微信小程序的步骤：先要下载微信官方的微信Web开发者工具。

weixin_39804641·2025-03-23 12:10

微信小程序的旅游服务助手景点酒店旅游规划的设计与实现

java类核心代码部分展示微信小程序技术现状源码获取/详细视频演示具体实现截图本项目支持的技术语言前端开发框架:vue.js+uniapp数据库mysql版本不限微信开发者工具/hbuiderx数据库工具

QQ1304979694·2025-03-23 08:38

uniapp 微信小程序手机号快速验证组件解密 encryptedData 获取手机号

uniapp微信小程序手机号快速验证组件解密encryptedData获取手机号手机号快速验证组件该能力旨在帮助开发者向用户发起手机号申请，并且必须经过用户同意后，开发者才可获得由平台验证后的手机号，进而为用户提供相应服务

睡不着的可乐·2025-03-22 11:41

基于LangChain-Chatchat实现智能问答系统

小时工作制；2、薪资结构：基本工资+加班工资+各类补贴津贴+各类慰问金+小红书24届春招和25届实习，内部推荐小红书24届春招和25届实习，推荐码为:0T019BWYNARK，内推码仅适用于校招内推及微信小程序题解

2301_79125431·2025-03-22 09:59

微信小程序 uni-app解决旧页面缓存问题

微信小程序在迭代版本后，若未清除原有缓存，显示的还是旧版，加入下述代码可解决这个问题在common.js文件中加入mpUpdate(){constupdateManager=wx.getUpdateManager

catino·2025-03-22 05:48

uniapp特有生命周期钩子

生命周期钩子在UniApp中，页面的生命周期与Vue的生命周期钩子紧密相关，并且针对小程序平台，UniApp还扩展了一些额外的生命周期钩子。

浪裡遊·2025-03-22 03:01

微信小程序：用户拒绝小程序获取当前位置后的处理办法

【1】问题描述：小程序在调用wx.getLocation()获取用地理位置时，如果用户选择拒绝授权，代码会直接抛出错误。如果再次调用wx.getLocation()时，就不会在弹窗询问用户是否允许授权。导致用户想要重新允许获取地理位置时，没有途径。【2】前提准备：小程序已经申请过wx.getLocation()：获取当前的地理位置的服务权限在小程序的根目录下的app.json中配置required

草木红·2025-03-22 01:41

微信小程序中使用wx.getLocation获取实时经纬度，并使用经纬度获取当前定位信息

需在微信公众平台申请wx.getLocation接口，否则上线不可使用，申请需将图片/录屏资料准备齐全，需有配送/打车类的含地图实时绘制路线的功能通过率才大，其他简单文字展示信息不易通过。官方文档：位置/wx.getLocation；需在app.json文件内进行声明："requiredPrivateInfos":["getLocation","chooseLocation","chooseAdd

學习？學个屁·2025-03-22 01:36

微信小程序云开发实现登录功能

使用云开发数据库实现登录功能，多的不说了直接看代码登录功能代码段WXML代码账号密码登录WXSS代码page{width:100%;height:100%;direction:ltr;}.waikuang{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:colu

Bilkan-studio·2025-03-21 05:14

【微信小程序（云开发模式）变通实现DeepSeek支持语音】

整体架构前端（微信小程序）：使用微信小程序云开发能力，实现录音功能。将录音文件上传到云存储。调用云函数进行语音识别和DeepSeek处理。界面模仿DeepSeek，支持文本编辑。

技术与健康·2025-03-21 04:09

HTML 教程：从零开始掌握常用语法

免费无广纯净版微信小程序测mbti很有趣，不需要任何授权，也不需要登录，直接就是测，几分钟了解自己的人格mbti，快来试试吧。

LoveYa!·2025-03-21 03:30

UniApp 从Vue2升级为Vue3需要注意哪些方面

那么UniApp从Vue2升级为Vue3需要注意哪些方面：1、main.js下面请看创建应用实例Vue2与Vue3的不同：Vue2的写法：//之前-Vue2importVuefrom'vue'importAppfrom

行思理·2025-03-20 23:56

uniapp集成保利威直播SDK，ios为什么不能后台挂起uniapp插件？

背景问题：用uniapp开发小程序和APP，集成保利威直播SDK的时候，ios端不能后台挂起uniapp插件，怎么处理？

·2025-03-20 19:38

批量请求微信小程序封禁状态的C++代码示例

概述：此C++代码示例将展示如何批量请求指定API接口，检查微信小程序是否被封禁。根据返回的code值，我们可以判断小程序是否被封禁，code为0时表示小程序被封禁，code为1表示正常。

安丨·2025-03-20 17:09

微信小程序检测滚动到某元素位置的计算方法

wxml{{item}}回到顶部jsPage({data:{arr:['111','222','333','444','555','666','777','888','999','101010','111111','121212','131313','141414'],btnShow:false,//是否显示btntargetViewHeight:0//目标view的高度},onLoad(){th

萧寂173·2025-03-20 17:08

UNI-APP+VUE3+VITE+VSCode开发经验及填坑记录（持续更新ING）

快速开发模板unibest：最好的uniapp开发框架，由uniapp+Vue3+Ts+Vite5+UnoCss+VSCode(可选webstorm)+uni插件+wot-ui（

集成显卡·2025-03-20 16:30

【微信小程序变通实现DeepSeek支持语音】

微信小程序实现录音转文字，并调用后端服务（Node.js）进行语音识别和，然后调用DeepSeek处理的完整实现。整体架构前端（微信小程序）：实现录音功能。将录音文件上传到后端。

技术与健康·2025-03-20 12:54

uniapp微信小程序分享给好友朋友圈-封装全局分享

不封装直接使用onLoad同级onLoad(){},//1.发送给朋友onShareAppMessage(res){console.log("res",res);console.log("page",uni.$u.page());if(res.from==='button'){//来自页面内分享按钮return{title:'首页',path:'/pages/home/home',imageUrl

不法·2025-03-20 07:13

uniapp接口请求封装api(超简单)

最下面有使用方法进阶点击查看进阶封装根目录创建api.jsconstcommoneUrl="http://192.168...";//公共路径//post请求封装functionpostRequest(url,data){varpromise=newPromise((resolve,reject)=>{varpostData=data;uni.request({url:commoneUrl+url

不法·2025-03-20 07:43

uniapp的安卓app 定位权限被拒绝后，询问是否开启授权并跳转到手机设置页面

uniapp的安卓app定位权限被拒绝后，询问是否开启授权并跳转到手机设置页面询问是否授权定位->拒绝定位授权->再次访问提示是否打开授权->跳转至手机设置页面uni.getLocation({type

绣****·2025-03-20 07:41

uniapp中使用webview并与原页面通信

uniapp中使用webview并与原页面通信1.接收数据主要使用@message与@onPostMessage接收原页面数据，且两个方法只能在APP中使用，其他平台均不支持。

数学分析分析什么？·2025-03-20 07:10

uniapp工程中解析markdown文件

在uniapp中如何导入markdown文件，同时在页面中解析成html，请参考以下配置：1.安装以下3个依赖包npminstallmarkedhighlight.jsvite-plugin-markdown2

pvfhv·2025-03-20 07:39

uniapp报错 Right-hand side of ‘instanceof‘ is not an object

vue3使用vue2的插件组件时,会报这个错,原因是vue2组件内部的props接收属性时的type类型要写成[Srting,Number]数组的形式,而不是'String|Number'如图所示;

学无止境鸭·2025-03-20 07:38

uniapp app权限说明弹框2024.5.23更新

华为上架被拒绝用uni-app开发的app，上架华为被拒，问题如下：您的应用在运行时，未见向用户告知权限申请的目的，向用户索取（电话、相机、存储）等权限，不符合华为应用市场审核标准。测试步骤：任意招聘信息详情页-电话联系，申请电话权限；点击置顶推广-保存二维码到相册，申请存储权限；点击发布-任意服务-上传图片-拍摄/从相册选择，申请相机、存储权限；修改建议：APP在调用终端权限时，应同步告知用户申

风中凌乱的L·2025-03-20 07:38

计算机专业开题报告案例19：基于spring boot的养老院信息管理系统的设计与实现

计算机毕业设计100套微信小程序项目实战java项目实战需要源码可以滴滴我一、课题论证1.1国内外研究动态目前，基于springboot的养老院信息管理系统的研究和开发已经在国内外得到了较多关注和实践。

平姐设计·2025-03-20 06:37

uniapp实现全局拖拽按钮

要先引入“vue3-draggable-resizable”:“^1.6.5”1.创建DragComponent组件import{ref,onMounted,onUnmounted}from'vue';importVue3DraggableResizablefrom'vue3-draggable-resizable';import'vue3-draggable-resizable/dist/Vue

学如逆水，不进则退·2025-03-20 06:06

推荐频道