uniapp移动端第10页

vue2 - 详细实现用户收货地址识别解析“姓名/手机号/省市区/街道/乡镇村庄“关键字，用户复制粘贴一段含有姓名电话/详细地址的文字文本信息，vue3自动识别拆分并填入到对应表单字段中，详细示例代码

效果图在vue2、nuxt2项目开发中，实现手机H5移动端网页/电脑PC端网站，“快递地址解析拆分姓名/电话/省市区地址/详细街道乡镇村庄”，提取文本内容中的手机号名称详细位置信息填充到指定表单或data

街尾杂货店&·2024-08-24 11:05

uniapp [全端兼容] - 最新详细实现发送emoji表情包及自定义图片图标小表情功能，支持文字与表情混合显示或光标处插表情，安卓苹果手机显示无差异，类似QQ微信聊天框弹出左右滑动选择表情发送显示

在uni-app全平台兼容（H5网页网站、支付宝/微信小程序、安卓App、苹果App、nvue）项目开发中，详解完成“uniApp表情包emoji”，支持自定义表情包替换或移除，uniapp自定义图片/

王佳斌·2024-08-24 11:05

uniapp下单选框的实现

uniapp官方虽然提供了uni-data-checkbox，含括了单选和多选框功能。

lsjweiyi·2024-08-24 11:33

前端 uniapp 多端条件编译

条件编译是用特殊的注释作为标记，在编译时根据这些特殊的注释，将注释里面的代码编译到不同平台。使用方法以#ifdef或#ifndef加%PLATFORM%开头，以#ifndef结尾。#ifdef：ifdefined仅在某平台存在#ifndef：ifnotdefined除了某平台均存在%PLATFORM%：平台名称条件编译写法说明#ifdefAPP-PLUS需条件编译的代码#endif仅出现在App平

圈圈的熊·2024-08-24 11:02

uniapp+vue3的双向渐变

在App.vue中/*每个页面公共css*/@import'common/style/common-style.scss'在common-style.scss中//全局双向渐变.pageColor{background:linear-gradient(tobottom,rgba(0,0,0,0),#fff400rpx),//到400rpx才做白色渐变linear-gradient(toright,

总萌大人·2024-08-24 11:59

unity多平台二维码扫描(可自定义UI)

在unity里做扫二维码的功能，虽然有插件，但是移动端UI一般不能自定义，所以后来自已做了一个，直接在c#层扫描解析，UI上就可以自己发挥了。上代码：这个是调用zxing的脚本。

阿循·2024-08-24 11:28

uniapp中switch和select组件阻止chane事件冒泡的方法

在uni-app中，‌处理事件冒泡通常使用.stop修饰符来阻止事件冒泡。‌如果你想要在使用switch或select组件时阻止change事件冒泡，‌你可以在模板绑定事件时添加.stop修饰符。‌示例使用switch组件htmlCopyCode使用select组件（‌假设是一个自定义组件或类似行为）‌htmlCopyCodeOption1Option2注意确保.stop修饰符紧跟在事件名之后，‌

phpgolife·2024-08-24 04:42

中小学实验室教学资源管理平台2.0

盛元广通中小学实验室教学资源管理平台通过集成数据管理、教学管理、设备维护、统计分析等功能模块，实现对对实验室教学管理，预约模块管理、智能排课、在线选课、危化品管理、智能考勤、设备管理、耗材管理、统计分析、以及移动端管理

实验室管理云平台·2024-08-23 23:11

uniapp-组件规范

easycom、uni_module、datacom、原生组件、uniCloud组件easycom：只要组件安装在项目的components目录下或uni_modules目录下，并符合components/组件名称/组件名称.vue目录结构。就可以不用引用、注册，直接在页面中使用。不管components目录下安装了多少组件，easycom打包后会自动剔除没有使用的组件，对组件库的使用尤为友好ea

if.else.Z·2024-08-23 21:59

uniapp与设备通信通过mqtt实现通信

MQTT(MessageQueuingTelemetryTransport)协议类型：MQTT是一种轻量级的发布/订阅消息传输协议，通常基于TCP/IP实现。功能：设计用于高延迟网络环境中，在带宽有限的情况下高效传输小量数据。广泛用于物联网（IoT）设备之间的通信。特点：发布/订阅模型：客户端可以发布消息到主题，也可以订阅主题以接收消息。质量服务等级（QoS）：支持三种服务质量等级（QoS0、1、

灰太狼大王灬·2024-08-23 18:10

Spring Event如何优雅实现系统业务解耦、实现原理及使用注意项

比如，在当下移动端电商app进行注册账号操作，注册成功之后会发送短信、邮箱、站内信等通知，发放红包活动抵用券，推送用户注册信息给大数据系统进行数据分析以便后期个性化推荐等等。

奔向理想的星辰大海·2024-08-23 16:58

Java开发的蛋糕店预约点餐系统源码小程序app

整个系统通过移动端小程序或APP进行操作，能够让在线预定蛋糕成为可能。以下是Java开发的蛋糕店预约点餐系统的功能介绍：1.用户端-注册/登录：允许用户通过移动

张 Java·2024-08-23 15:23

uniapp - H5和微信小程序上传 base64 图片

1.前言在做订单评论的时候，需要图片上传，开始使用的FormData上传，但是后端一直获取不到上传的file，由于之前是使用taro开发的H5和微信小程序，所以对uniapp开发不是很熟悉，使用了创建input

Rattenking·2024-08-23 14:47

开发h5游戏

H5游戏，即基于HTML5技术开发的游戏，可以在浏览器、社交平台、甚至移动端等多个平台上运行，为用户提供了便捷的游戏体验。本文将为您介绍开发H5游戏的基本流程和注意事项。

红匣子实力推荐·2024-08-23 09:10

泛微OA系统走进腾讯大厦

一、腾讯IOA零信任管理介绍1.零信任前世今生和技术路线2.PC和移动端安全挑战的差异3.企业微信场景风险分

泛微华南业务运营中心·2024-08-23 08:06

uniapp点击预览图片，两种效果

背景：在使用uniapp框架中，我们对图片的展示需要点击放大展示(单张)；如果是多张图片，要支持左右滑动查看多张图片(多张)。

影子信息·2024-08-23 06:29

【浅谈Java项目技术开发基础】

目前我所学，所查，所了解的有后端部分有：1.SpringMVC2.Spring框架3.SpringBoot框架4.Mybatis5.MybatisPlus6.SSM框架前端部分有：1.vue框架2.uniapp

努力学爪哇·2024-08-23 06:27

uniapp实现足球数据分析平台移动端H5

一、界面一栏二、注册界面1.代码说明三、首页界面四、竞彩预测五、即时预测总结前言一款基于前端铺子改造的移动端程序一直想做一款足球分析平台，大概内容包括竞彩分析模块，即时预测模块，初盘分析模块，找来找去还是前端铺子的样式感觉比较好看

足球数据分析·2024-08-23 06:57

在uniapp中使用swicth组件传递额外的参数方法

switch开关选择器。传多个参数时可以这样传参switchChangeStatus(event,scope.row)"/>

phpgolife·2024-08-23 06:55

【uni-app】uni-app官方自带图标的使用方法

1、图标地址：https://hellouniapp.dcloud.net.cn/pages/extUI/icons/icons2、图标用法icon|uni-app官网3、实例返回

敦厚的曹操·2024-08-23 06:55

uniapp+vue3的轮播图

图片：宽度：690,高度：340.layout{.banner{width:750rpx;padding:30rpx0;swiper{width:750rpx;height:340rpx;&-item{width:100%;height:100%;padding:030rpx;image{width:100%;height:100%;border-radius:12rpx;}}}}}在公共样式加入

总萌大人·2024-08-23 05:52

2024年uniapp实现搜索功能详细步骤【前端开发】(1)，前端面试性能优化

最后今天的文章可谓是积蓄了我这几年来的应聘和面试经历总结出来的经验，干货满满呀！如果你能够一直坚持看到这儿，那么首先我还是十分佩服你的毅力的。不过光是看完而不去付出行动，或者直接进入你的收藏夹里吃灰，那么我写这篇文章就没多大意义了。所以看完之后，还是多多行动起来吧！可以非常负责地说，如果你能够坚持把我上面列举的内容都一个不拉地看完并且全部消化为自己的知识的话，那么你就至少已经达到了中级开发工程师以

2401_84617302·2024-08-22 23:12

2024年最新移动端 webapp meta小结，大厂首发

前端资料汇总开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】我一直觉得技术面试不是考试，考前背背题，发给你一张考卷，答完交卷等通知。首先，技术面试是一个认识自己的过程，知道自己和外面世界的差距。更重要的是，技术面试是一个双向了解的过程，要让对方发现你的闪光点，同时也要试图去找到对方的闪光点，因为他以后可能就是你的同事或者领导，所以，面试官问你有什么问题的时候，不要说没

2401_84617302·2024-08-22 23:42

uniapp上传图片跨域报错解决方案

项目场景：用uniapp做图片上传的时候出现了跨域问题前端：uniapp后端：thinkphp问题描述AccesstoXMLHttpRequestat'xxxx'fromorigin'http://localhost

Champagne_7·2024-08-22 09:52

VUE 页面禁止缩放（华为平板浏览器可能失效）

h5页面移动端禁止缩放、web页面禁止浏览器缩放移动端优先，可禁止用户缩放和双击放大；在App.vue中的script内的方法里加入以下代码：window.onload=function(){document.addEventListener

唐屁屁儿·2024-03-29 00:59

uniapp 开发微信小程序出现启用组件按需注入问题如何解决

问题描述在使用uniapp开发微信小程序，进行上架发布时代码质量栏出现启用组件按需注入问题。虽然现实代码上传成功，但是作为一个吹毛求疵的老猿人，肯定是无法容忍的。那么如何解决呢？

古猿写代码·2024-03-25 17:06

uniapp 使用mqtt后真机调试白屏？或者 WebSocket || WS is not a constructor

1.都说高版本mqtt不稳定，所有安装3.0的吧npmimqtt@32.把连接替换成功这个代码//#ifdefH5console.log('h5')client=mqtt.connect(`ws://120.25.155.46:8083/mqtt`,options)//#endif//#ifdefAPP-PLUSconsole.log('app')client=mqtt.connect(`wx:/

xiaoli_qidian·2024-03-25 08:55

关于uniapp上使用websocket在H5能用，在真机不能用的问题

不要用本地电脑开的websocket来连接，真机（手机端）连不到本地websocket。uni.connectSocket({url:'ws://localhost:3000/chat'});解决办法：部署到服务器上面，用一个公网的websocket地址，真机上面可以正常使用。部署到服务器的时候记得开放3000端口，不然也不行。uni.connectSocket({url:'ws://8.13X.

木公176·2024-03-25 08:54

在微信小程序中使用微信支付功能

数字浪儿·2024-03-24 19:08

uniapp：wx.switchTab: url 不支持 queryString

场景：从首页跳到列表页,并将参数传过去，用于搜索，而首页和列表页都是tabbar页面，添加query参数时无法获取，也⚠️；怎么办？方案一：vuex方案二：pinia上面两种代码自行处理，下面提供一种更为简单的方案方案三：使用ref或是reative配合watchEffect【推荐】在相同目录创建一个data.ts/***搜索参数*/exportconstparams=reactive({city

你的代码我的心·2024-03-24 19:37

uniapp 实现双击点赞出现特效

更新一下老板改了需求要加上特效1.创建点赞按钮首先，在你的页面中创建一个点赞按钮全局点赞的话就写在最外面的标签就行了。你可以使用组件或者自定义一个视图组件。点赞这里我们使用了@click事件监听器来监听按钮的点击事件，并且使用了:class绑定来根据isDoubleTap的值改变按钮的样式（可选）。showHeart用于控制小心心的显示与隐藏。2.实现双击检测在JavaScript部分，你需要实现

全栈^_^小菜鸟·2024-03-18 05:41

uniapp app跳转微信小程序

plus.share.getServices((s)=>{letsweixin={};for(leti=0;i

风中凌乱的L·2024-03-17 23:04

uniapp实现点击标签文本域中显示标签内容

先上一个效果图实现的效果有：①.点击标签时，标签改变颜色并处于可删除状态②.切换标签，文本域中出现标签的内容③.点击标签右上角的删除可删掉标签，同时清除文本域中标签的内容④.可输入内容，切换时不影响输入的内容使用的是uniapp

佩淇呢·2024-03-17 18:27

用uniapp开发手机app，发现不支持dom操作

用uniapp开发手机app，使用了uview组件，其中的不支持给label旁边放个红星号，尝试用dom操作给添加appendRedStar(item_ref){try{varel=this.

吉星9527ABC·2024-03-17 18:27

uniapp手机号一键登录

uniapp手机号一键登录，先写个button手机号一键登录先在onload钩子获取临时code码onLoad(){uni.login({provider:'weixin',success:(res)=

藤原拓海_别天神·2024-03-17 02:35

uniapp 开发出现这个 Error in onLoad hook: “SyntaxError: Unexpected end of JSON input“

uniapp开发出现这个ErrorinonLoadhook:“SyntaxError:UnexpectedendofJSONinput“,这个问题如何解决。

古猿写代码·2024-03-16 14:21

uniapp小程序上传oss

uniapp上传小程序代码importcryptofrom'crypto-js';import{Base64}from'js-base64/base64.js';//计算oss签名。

Tanjc518·2024-03-16 07:09

悬浮工具球（仿 iphone 辅助触控）

悬浮工具球（仿iphone辅助触控）兼容移动端touch事件点击元素以外位置收起解决鼠标抬起触发元素的点击事件问题DemoGithub{{index+1}}//创建一个全局的点击事件处理函数consthandleClickOutside

liuzhenghe30265·2024-03-13 04:53

移动端适配方案 postcss-px-to-viewport

安装npminstallpostcss-px-to-viewport--save-dev或yarnadd-Dpostcss-px-to-viewport根目录下新建postcss.config.js文件module.exports={plugins:{autoprefixer:{},'postcss-px-to-viewport':{viewportWidth:750,//视窗的宽度，对应的是我们

有没有认真工作·2024-03-12 21:43

[Uniapp]携带参数跳转界面（两种方法）

一、方法1：路由携参假设现在有两个界面：界面A和界面B。并要由界面A跳转到界面B，则我们可以使用uni.navigateTo({})跳转界面时，将参数附加在URL后，并在B界面的onLoad()获取到这个参数界面A的代码exportdefault{data(){return{paramPageA:[],//在A界面中定义的变量,一会要传送给界面B}},methods:{onGo(){uni.req

零叁三·2024-03-11 01:56

uniapp 开发app，如何使用模拟器

1、开发app，设置模拟器（uniapp如何设置模拟器）https://blog.csdn.net/sweetsoft/article/details/1307271692、运行到模拟器注意：1、模拟器所在的位置

大浪淘沙1024·2024-03-08 13:38

uniapp+node.js前后端做帖子模块：查看帖子（获取帖子详情以及对应的帖子评论列表）（社区管理平台的小程序）

目录0前提1.一些准备1.1表帖子表post帖子评论表postComment1.2总体思路2.前端3.后端点赞，你的认可是我创作的动力！⭐️收藏，你的青睐是我努力的方向！✏️评论，你的意见是我进步的财富！0前提温馨提示：我做的思路可能是复杂化了或者说代码写的不规范，如果你觉得可以更加简便的话欢迎分享到评论区或者自己改写一下我的代码，我的后端是写的很简单的没有什么路由分发是直接写的，你可以自由优化小

云边散步·2024-03-08 10:33

uniapp发行H5获取当前页面query

阅读uni的文档大致可得通过onLoad与onShow()的形参都能获取页面传递的参数，例如在开发时鼠标移动到方法上可以看到此方法的简短介绍实际这里说的是打开当前页面的参数，在小程序端的时候测试并无问题，但是发行到H5时首页加载会造成参数获取不到的问题。如果是子页面，其他页面跳转的话，在H5中是没问题的。在H5首页中获取参数，例如抖音的联调等业务，可以直接用原生window进行获取constque

PENG越·2024-03-08 06:28

uniapp获取顶部状态栏高度

...exportdefault{data(){return{//系统状态栏的高度systemBarHeight:0};},methods:{//获取系统栏高度getSysteminfo(){uni.getSystemInfo({success:res=>{console.log(res.statusBarHeight)this.systemBarHeight=res.statusBarHeigh

小政爱学习！·2024-03-08 06:58

uniApp h5解决Chrome跨域问题的最终方法

最近用Dcloud工具HBuilderX写了一个uniapp客户端项目，代码在HBuilder工具内运行没有问题，打包后放在androidapp和iosapp内运行也没有问题，唯有把h5链接地址放在chrome

kuanxu·2024-03-07 10:31

关于程序员如何选择职业赛道

在编程这个领域，有很多不同的方向和技术栈，例如前端开发、后端开发、移动端开发、数据分析等。每个方向都有不同的要求和发展前景，所以程序员应该首先确定自己的兴趣所在，再选择

猿小白klp·2024-03-05 23:20

uniapp之生成Android签名证书并云打包发布

uniapp之生成Android签名证书并云打包发布[图片上传失败...(image-3ec404-1677312555271)]泪滴在琴上关注IP属地:陕西

小李不小·2024-03-05 09:29

uniapp 地图行车轨迹

文章目录uniapp地图行车轨迹1、画地图2、切换地图中心点3、画路线4、轨迹移动5、标记点及自定义内容uniapp地图行车轨迹官网地图组件：https://uniapp.dcloud.net.cn/component

niceguyº·2024-03-04 20:14

uniapp中使用WebSocket

在uni-app中，uni.connectSocket方法用于建立WebSocket连接，但它并不提供onOpen、onMessage、onClose和onError这样的方法作为回调函数。相反，你应该使用uni.onSocketOpen、uni.onSocketMessage、uni.onSocketClose和uni.onSocketError这些全局事件来监听WebSocket的不同事件。连

全栈^_^小菜鸟·2024-03-03 11:00

uniapp的动态表单实现

目录1.说明2.示例3.总结1.说明①在formData中定义个数组变量用来接受同一个字段的多个结果。dynamicFormData:{email:'',//domains字段下会有多个结果domains:[]}②使用uni-forms-item的rules属性定义单个表单域的校验规则。...③name需要动态指定，动态表单推荐使用Array类型，内容从左到右为绑定值的调用链。['domains'

linab112·2024-03-03 10:29

推荐频道

uniapp移动端