uni-APP

uni-app使用websocket

点击发送请求离开页面exportdefault{onLoad(){//进入这个页面的时候创建websocket连接【整个页面随时使用】this.connectSocketInit();},data(){return{socketTask:null,//确保websocket是打开状态is_open_socket:false}},//关闭websocket【必须在实例销毁之前关闭,否则会是under
外派叙利亚·2025-02-20 20:10

uniapp 右侧刷新图标 和 返回顶部图标的实现

from'vue';//触底加载更多，下拉刷新API(下拉刷新需要在pages.json里面开启这项功能)import{onReachBottom,onPullDownRefresh}from"@dcloudio/uni-app"constpets
治金的blog·2025-02-20 18:57

uni-app adb安卓wifi无线调试

方法一adbconnect连接调试前提条件：电脑已安装adb工具手机和电脑连接的同一个WIFICMD进入到adb工具所在目录，可以使用HBuilder自带adb，如：D:\Tools\HBuilderX\plugins\launcher\tools\adbs，也可以使用AndroidSDK的adb。注意，第一次连接需要执行第一步和第二步，让手机监听5555端口，后续手机会自动监听5555端口，不需
景影随形·2025-02-20 15:25

uniapp邪门事件

很久之前在这篇《THREEJS在uni-app中使用（微信小程序）》：THREEJS在uni-app中使用（微信小程序）_uni-app_帶刺的小葡萄-华为开发者空间中学到了如何在uniapp的微信小程序里接入
岑梓铭·2025-02-20 05:30

uniapp uni-icons组件自定义图标

文章目录1️⃣uni-icons组件1.1引用位置1.2FontEditor简介1.2FontEditor使用结束语优质源码分享uni-app是一个使用Vue.js(opensnewwindow)开发所有前端应用的框架
xcLeigh·2025-02-18 03:35

uni-app下表格纯CSS方案的固定首行首列，最简单的实现方式

网上找了很多在uni-app下的表格组件，实现起来都太复杂了，我只是想要一个表格单纯的可以实现首行首列可以固定，没办法看了资料后，只能自己写。下面是一个最简单的实现方式。
taihom·2025-02-18 02:03

Flux架构：构建可预测的Web应用状态管理体系

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

React Hooks 与 Vue Composition API 的区别

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

uniapp-列表样式

{{index}}import{ref,reactive}from'vue'import{onLoad,onShow,onReachBottom}from'@dcloudio/uni-app'importifrom
耶啵奶膘·2025-02-13 20:11

124 巨坑uni-app踩坑事件 uniCloud本地调试服务启动失败

1.事情是这样的事情是这样的，我上午在运行项目的时候还是好好的，我什么都没干，没动代码，没更新，就啥也没干，代码我也还原成好好的之前的样子，就报这个错，但是我之前没用过这个服务呀，我想肯定不是这个问题。然后我就各种网上找，问AI，然而并没有什么用，按控制台输出去改，也没有用，一开始我以为是hbuilerx的插件出问题了，我还重装，依旧无效。还看了下面这个博主的帖子小程序报错：SyntaxError
若学姐(前端)·2025-02-13 19:07

【uni-app】Pinia 持久化

小程序端Pinia持久化说明：Pinia用法与Vue3项目完全一致，uni-app项目仅需解决持久化插件兼容性问题。
秀秀_heo·2025-02-13 18:32

Prettier 如何处理代码格式化

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

uni-app 开发app控制按键返回到指定的页面

解决方法：在uni-app中onBackPress用来监听页面返回代码如下：onBackPress(options){letself=this;if(options.from==='navigateBack
嘟嘟叽·2025-02-13 03:07

ESLint 如何处理 ES6+ 语法

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

uni-app打包apk后，APP页面样式混乱问题解决

今天使用HBuilderX云打包apk时，发现打包出来的APP运行时页面的样式都是混乱的，排查和网上寻找解决方法很久都没有解决，后面注意到打包时hbuilderx的控制台有提示告警：Theemittedfile"App.css"overwritesapreviouslyemittedfileofthesamename。于是根据这个提示寻找解决方案，发现项目pages.json多了一个path为AP
筱小虾米·2025-02-11 16:50

使用AI代码生成器和uni-app构建程序员社区APP：可行性分析与实践

而跨平台开发框架的出现，极大地降低了开发成本和时间，uni-app便是其中佼佼者。开源中国APP的成功案例也证明了uni-app在构建大型应用方面的实力。
·2025-02-10 23:55

uni-app项目支持流水打包

一、背景由于uni-app创建的H5项目在合代码、打包和发布上多重限制和问题，现将uni-app项目做成可支持流水发布【原理】：将uni-app项目用vue-cli包裹起来，支持流水发布二、具体操作下载
小P孩zzh·2025-02-10 17:57

uni-app简单模拟人脸识别

uni-app使用live-pusher简单模拟人脸识别页面样式实现想法调起手机摄像头设置圆形实现想法公司的需求是模拟一个人脸识别，不用第三发插件，简单模拟样式即可。
Li_na_na01·2025-02-08 22:24

uni-app 系列之（五）—— 路由

简介uni-app页面路由为框架统一管理，需要在pages.json里配置每个路由页面的路径和页面样式。
＊且听风吟·2025-02-08 22:24

uniapp如何监听页面滚动？

在uni-app中，监听页面滚动通常使用onPageScroll生命周期函数或者@scroll事件监听器，具体使用哪个取决于你的场景和需要。以下将分别介绍这两种方式。
恰小面包·2025-02-08 07:02

uni-app轻松实现PDF预览功能（Android ios 通用）

@TOC(uni-app轻松实现PDF预览功能（Androidios通用）)uni-app轻松实现PDF预览功能（Androidios通用）遇到一个需求，需要实现uni-app的pdf预览功能，网上找到好几个相关的链接
Java编程初学者·2025-02-07 22:33

CRMEB多商户商城系统JAVA版 B2B2C商家入驻平台系统独立版全开源

系统框架基于Java+vue+uni-app开发，并采用业界主流开发框架SpringBoot;前端开发中，WebPC管理端使用vue+element山，移动端使用uni-app框架，前后端分离开发;
黑马源码库miui52086·2025-02-07 19:46

uniapp - [全端兼容] 高性能 tabbar 底部菜单凸起效果，原生系统自定义底部菜单不卡顿、切换页面不闪烁、自动缓存页面（底部菜单中间自定义一个图片并悬浮起来）

在uni-app全平台兼容（H5网页网站、支付宝/微信小程序、安卓App、苹果App、nvue）项目开发中，详解基于uniapp系统原生tabbar底部菜单，植入一个向上凸起的“图片”菜单，并支持点击触发事件
王二红·2025-02-06 22:26

2021版小程序开发5——小程序项目开发实践(1)

2021版小程序开发5——小程序项目开发实践(1)学习笔记2025使用uni-app开发一个电商项目；Hbuidler首选uni-app官方推荐工具：https://www.dcloud.io/hbuilderx.htmlhttps
baby_hua·2025-02-05 05:03

Uni-app基本功能介绍

Uni-app是一个基于Vue.js的跨平台开发框架，可以让开发者使用同一套代码构建iOS、Android和Web应用。
StoneMind·2025-02-04 18:07

uni-app技术分享| 10分钟实现一个简易uniapp视频通话

视频讲解视频地址创建uniapp项目创建uniapp项目前往anyRTC控制台-项目管理创建新项目，获取appid引入插件前往uniapp插件市场搜索anyRTC，选中anyRTC音视频SDK插件云打包购买插件(免费引入)引入创建的对应uniapp项目uniapp项目的manifest.json中App原生插件配置选择云端插件选中anyRTC音视频SDK插件`打包自定义基座选择自定义基座运行代码逻
anyRTC·2025-02-03 15:32

JavaScript中的隐式类型转换

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

基于uni-app实现的物品有效期管理APP开发分享

基于uni-app实现的物品有效期管理APP开发分享一、项目概述本APP实现了物品信息管理功能，支持以下核心功能：增删改查：物品信息的增删改查操作滑动删除：左滑显示删除按钮的交互设计有效期计算：自动计算剩余有效天数本地存储
烂蜻蜓·2025-01-30 20:01

uniapp - [全端兼容] 实现精美Editor富文本编辑器功能，uniApp全平台兼容的富文本插件组件用户可上传图片及对接服务器存储文件等，手机移动端H5网页富文本/小程序富文本/App富文本！

在uni-app全平台兼容（H5网页网站、支付宝/微信小程序、安卓App、苹果App、nvue）开发中，详解引入使用富文本编辑器及图片上传显示等功能，用户可上传图片显示和服务器保存回显效果（插入图片），
王二红·2025-01-29 08:04

uni-app组件引入方法（easycom自动化组件）

uniapp官方与2020年02月23更新了2.6.0版本，支持2.5.5版本以后，调整内容有：1.对uniapp插件做出更改；2.新增了easycom项目模板（自动化组件）。那我本期简单给大家介绍easycom是什么？如何使用？。官方给出：传统vue组件，需要安装、引用、注册，三个步骤后才能使用组件。easycom将其精简为一步。只要组件安装在项目的components目录下，并符合compon
约妲己吃火锅·2025-01-29 08:31

uni-app 实现自定义底部导航

原博：https://juejin.cn/post/7365533404790341651在开发微信小程序，通常会使用uniapp自带的tabBar实现底部图标和导航，但现实有少量应用使用uniapp自带的tabBar无法满足需求，这时需要自定义底部tabBar功能。例如下图的需求，在中间添加一个加号，例如根据不同登录的角色显示不同的tabBar按钮等，这些功能在无法通过uniapp自带的tabB
蜕变菜鸟·2025-01-29 08:57

快速了解uni-app 页面传值和代码示例

在uni-app开发中，页面之间的数据传递是一个非常常见的需求。根据数据类型的不同，我们可以选择不同的传值方式。本文将详细介绍如何在uni-app中传递单个或多个参数、数组和对象，并附上示例代码。
豆豆（前端开发+ui设计）·2025-01-27 10:44

在 uni-app 中，可以通过几种不同的方式来动态地绑定 CSS 样式?

在uni-app中，你可以通过几种不同的方式来动态地绑定CSS样式。这通常涉及到使用JavaScript来计算或改变样式，并将这些样式应用到组件上。
豆豆（前端开发+ui设计）·2025-01-27 10:43

uni-app微信小程序页面跳转技巧总结

在小程序开发中，页面跳转是高频操作，但如果不注意跳转方式，可能会遇到跳转失效的问题！以下是常见跳转方式及其适用场景：uni.navigateTo保留当前页面，跳转到新页面。注意：小程序中页面栈最多10层，频繁跳转会失效。适用场景：需要保留当前页面的跳转，适合层级较少的页面跳转。uni.redirectTo关闭当前页面，跳转到新页面。适用场景：不相关的页面跳转，避免页面栈堆积。uni.reLaunc
豆豆（前端开发+ui设计）·2025-01-27 10:43

融云IM干货丨如何测试插件在uni-app中的实际效果？

要测试插件在uni-app中的实际效果，可以遵循以下步骤：安装和配置测试环境：确保你的环境中安装了HBuilderX，并且版本至少为3.7.3。
·2025-01-25 01:52

融云IM干货丨uni-app 生命周期有哪些？

uni-app的生命周期分为应用生命周期、页面生命周期和组件生命周期三类：应用生命周期应用生命周期函数需要在App.vue中声明，主要包含以下函数：onLaunch：当uni-app初始化完成时触发（全局只触发一次
·2025-01-24 21:16

uniapp介绍配置启动

1安装：cli工程全局安装vue-clinpminstall-g@vue/cli通过cli创建uni-app项目vuecreate-pdcloudio/uni-preset-vuemy-projectcd
LUK-ee·2025-01-24 12:55

uniapp下拉菜单

示例图1.状态为多选，选中后显示已选择的数量，如下图：2.排序为单选，显示当前选中的名称，如下图：二、状态、排序相关代码部分代码使用了的uView组件Icon图标|uView2.0-全面兼容nvue的uni-app
h_6543210·2025-01-24 08:52

uni-app无法触发onReachBottom触底事件的解决方案

遇到的问题背景：在使用uni-app开发小程序时，想要列表滚动到底部时，设置上拉加载。
沐雨MUYU_·2025-01-22 02:28

使用vue-cli创建uni-app项目，vue3/vite模板

官网地址：https://uniapp.dcloud.net.cn/quickstart-cli.html1.首先，安装脚手架：npminstall-g@vue/cli注意：Vue3/Vite版要求node版本^14.18.0||>=16.0.0（我用的是nodev16.0.0）2.下载模板，因为我使用官网命令安装失败，所以直接下载的压缩包使用js下载地址https://gitee.com/dcl
hy2356891299·2025-01-20 22:14

uniapp中使用全局样式文件引入的三种方式

如果你想在uni-app中全局引入SCSS文件（例如global.scss），可以通过以下步骤进行配置：方法一：在main.js中引入在main.js中引入全局样式：你可以在src/main.js文件中直接引入
上趣工作室·2025-01-20 03:00

Spring Boot 3项目集成Swagger3教程

技能清单编程语言：Java、C、C++、Python、Go、前端技术：Jquery、Vue.js、React、uni-app、EchartsUI设计:Element-ui、Antd、Color-ui后端技术
m0_74825746·2025-01-19 01:08

今日总结 2025-01-16

一、学习概况今日围绕uni-app项目展开深入学习，主要聚焦于项目搭建环节，涉及网络请求、状态管理以及用户登录功能的实现，旨在构建一个功能完备的应用基础框架。
谢道韫689·2025-01-17 23:01

uni-app 开发华为鸿蒙HarmonyOS NEXT初体验

引言随着华为鸿蒙系统的不断发展，越来越多的开发者开始尝试使用uni-app来开发跨平台应用，特别是针对华为最新的HarmonyOSNEXT版本。
不知名靓仔·2025-01-17 18:47

小程序快速搭建线上预约线下陪玩伴游系统源码，打造便捷新体验

一、技术选型前端框架：推荐使用uni-app框架进行开发，因其支持多平台（微信小程序、H5、APP等）的同步发布，能有效提高开发效率和用户体验。
·2025-01-17 15:52

校园论坛交友、跑腿、二手市场，多校园系统源码前后端分离，校园系统APP

技术栈选择1.后端：PHP（建议使用PHP7.2或更高版本）2.数据库：MySQL（建议使用MySQL5.6或更高版本）3.前端：Uni-app（适用于移动应用开发）4.框
·2025-01-17 15:51

2025最新的陪玩小程序系统有哪些开源架构?如何完全的实现安全交付？

一、开源架构前端框架：*Uni-app等前端框架使得开发者能够创建跨平台的应用程序，这些应用程序在不同操作系统和设备上具有一致的用户体验。
D矜持·2025-01-17 10:02

uni-app中使用Element UI的正确姿势：打造优雅的跨平台应用界面

随着移动应用和跨平台技术的发展，uni-app框架因其出色的性能和易用性受到了广大开发者的喜爱。
Jiaberrr·2025-01-17 07:07

html2canvas 页面变图片

我们用的uni-app页面做的页面，需要把页面转成图片；问题1：不同的手机会偶发文字挤在一块，不是所有的都是那种问题2:图片出现加载不出来解决问题1:是因为我的文字写的居中，html2canvas居中会导致分布不均匀
·2025-01-17 01:17

uni-app编写微信小程序使用uni-popup搭配uni-popup-dialog组件在ios自动弹出键盘。

uni-popup-dialog对话框将uni-popup的type属性改为dialog，并引入对应组件即可使用对话框，该组件不支持单独使用示例打开弹窗exportdefault{methods:{open(){this.$refs.popup.open()},/***点击取消按钮触发*@param{Object}done*/close(){//TODO做一些其他的事情，before-close为
码农键盘上的梦·2025-01-16 22:51
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他