Uni-app

uni-app 解决打包微信小程序vendor.js过大

在开发微信小程序时，我们经常会遇到包体积过大的问题，尤其是在使用像uni-app这样的跨平台开发框架时。uni-app提供了一种便捷的方式来开发微信小程序，但随之而来的是增加了项目的体积。
每天都在努力·2025-06-11 12:37

uni-app实现下拉加载，上拉刷新

一、上拉加载与下拉刷新的核心区别1.触发方式与交互目标‌‌下拉刷新‌‌触发动作‌：用户在页面顶部向下滑动一定距离后触发‌。‌目标‌：‌重新加载最新数据‌（如新消息、动态更新），覆盖原有数据‌。‌交互设计‌：通常伴随动画提示（如“刷新中...”），完成后恢复原位‌。‌上拉加载‌‌触发动作‌：用户在页面底部向上滑动至触底区域时触发‌。‌目标‌：‌加载更多历史数据‌（如分页列表的下一页数据），追加到现有
小前端大牛马·2025-06-11 01:19

跨平台移动应用的开发利器：uni-app

目录前言什么是uni-app？
Ginger cat~·2025-06-10 21:16

uni-app实现高效跨平台开发：核心优势与实战代码示例

目录一、uni-app概述二、uni-app的核心优势三、经典代码案例实战1.基础页面结构与数据绑定2.条件编译处理平台差异3.跨端API调用示例（网络请求）4.页面路由与传参5.使用uni-ui组件库四
2401_85123679·2025-06-10 20:16

uni-app：高效跨平台应用开发框架

目录一、uni-app的特点与优势（一）强大的跨平台能力（二）基于Vue.js，上手容易（三）高性能表现（四）丰富的组件库与API（五）灵活的扩展性（六）活跃的开放生态二、uni-app的开发流程（一）
2401_82427516·2025-06-10 20:16

基于uni-app for HarmonyOS5 的跨平台组件库开发指南，以及组件示例

以下是基于Uni-App在HarmonyOS5上开发跨平台组件库的指南及组件示例，结合HarmonyOS特性与Uni-App跨平台能力实现高效开发：⚙️一、环境配置与核心原则开发环境要求IDE：HBuilderXAlpha4.22
程序员小刘·2025-06-10 20:44

Vue3 介绍和创建项目：从零开始构建现代 Web 应用程序

TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》、《前端求职突破计划》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app
阿珊和她的猫·2025-06-10 00:22

uni-app学习笔记三十四--刷新和回到顶部的实现

在移动端开发中，刷新和回到顶部也是很常见的使用场景。下面说下实现方式：刷新：HTML部分代码：刷新顶部JS部分代码：functiononRefresh(){console.log("刷新...")uni.startPullDownRefresh()}functiontoTop(){console.log("返回顶部...")uni.pageScrollTo({scrollTop:0,duratio
moxiaoran5753·2025-06-09 23:21

UNI-APP设置屏幕保持常亮-不熄灭屏幕

前言最近在实际开发过程中，我们会发现在自己使用的app当中会根据系统无操作熄灭屏幕对于一下需要长时间保持屏幕的业务就很不友好，uni-app也是提供了相应方法加上代码之后-注意app端没报错-不生效就是权限问题
-風过无痕·2025-06-09 13:42

uni-app学习笔记及感悟

简介及感悟在学习uni-app中，我们需要用到HBuilderX、微信开发者工具、vscode，一般用HBuilderX比较多。
韦雪佳·2025-06-09 12:28

uni-app学习笔记三十三--触底加载更多和下拉刷新的实现

触底加载更多在APP和小程序中使用中是很常见的场景，当用户划到底部时需要追加数据加以显示，当用户往下拉时需要实现有新的数据时将新数据放到顶部。下面来说下这2种功能的实现方式一.触底加载更多核心代码实现：onReachBottom(()=>{console.log("触底加载更多...")getPets()})functiongetPets(){uni.request({url:"https://t
moxiaoran5753·2025-06-09 12:28

uni-app学习笔记二十九--使用request发起网络请求并获取回调结果

本笔记主要记录uni-app,使用request发起网络请求，并获取响应结果的3种方式方式一：使用success(不推荐)：constposts=ref([])functionrequest(){uni.request
moxiaoran5753·2025-06-09 12:58

Uni-app知识点汇总

Uni-App是一个基于Vue.js的跨平台开发框架，它允许开发者使用Vue.js的语法来开发iOS、Android和Web等多个平台的应用。
bailantangpin·2025-06-09 11:26

跨平台应用开发进阶(十) ：uni-app 实现数据存储、获取和删除_uniapp 内存泄漏

二、setstorage为此，阅读了uni-app官方文档，发现其已经内置方法实现以上功能。
2401_84447112·2025-06-09 11:25

uni-app+Vue3开发微信公众号时，除了JSSDK还有哪些常用的开发工具或技术？

uni-app+Vue3开发微信公众号的常用工具与技术一、基础框架与工具链uni-app插件市场uViewUI：全面的Vue3组件库，适配uni-appColorUI：CSS类库，提供丰富的样式模板Fly.js
疯狂的沙粒·2025-06-08 22:19

uniapp + Vue3 开发微信公众号、H5时，jssdk 的使用方式详细介绍？

开发微信公众号/H5中JSSDK的详细使用方式一、准备工作微信公众号配置注册微信服务号（订阅号功能受限）配置JS接口安全域名（如：yourdomain.com）获取AppID和AppSecret（需保密）项目环境uni-app
疯狂的沙粒·2025-06-08 22:49

在uni-app中如何从Options API迁移到Composition API？

uni-app从OptionsAPI迁移到CompositionAPI的详细指南一、迁移前的准备升级环境：确保HBuilderX版本≥3.2.0项目uni-app版本≥3.0.0了解CompositionAPI
疯狂的沙粒·2025-06-08 21:16

uni-app - uview Swiper 轮播图组件点击跳转链接（点击后拿到 item 行数据, 取出数据做操作）

前言当您调用后端接口拿到轮播图数据后，会有点击轮播图时，跳转到详情或链接的需求。通过观察文档，只有如下图所示事件：很遗憾，这个index并不是我们要的整个行（item）数据，我们无法拿到其中的id来跳转详情，更不能拿到其中的任何数据。解决方案给您提供一个示例，您可以直观的看到本文是如何操作并完成的。随便找个页面，一键复制运行起来：
王二红·2025-06-07 12:29

uni-app全局引入scss文件的不同方式

1.使用config方式引入在项目下创建vue.config.js文件module.exports={css:{loaderOptions:{scss:{prependData:`@import"~@/static/style/index.scss";`}}}}Tips：根据scss版本确定配置，版本低的使用“data”，高的使用“prependData”在/static/style/index.
MINO吖·2025-06-07 11:55

uniapp 各个生命周期

uni-app应用生命周期:应用生命周期仅可在App.vue中监听，在其它页面监听无效。
·2025-06-06 02:10

Uni-app原生Tabbar使用多语言设置

Uni-app原生Tabbar使用多语言设置第一步：app.vueimport{useStore,i18n,storage}from".
Jinxiansen0211·2025-06-06 02:37

鸿蒙应用开发之uni-app x实践

鸿蒙应用开发之uni-appx实践前言最近在开发鸿蒙应用时，发现uni-appx从4.61版本开始支持纯血鸿蒙（Harmonynext），可以直接编译成ArkTS原生应用。这里记录一下开发过程中的一些经验和踩过的坑。一、环境搭建1.1开发工具HBuilderX4.61+（必须）DevEcoStudio5.0.7.210+（必须）鸿蒙手机API版本14+（必须）1.2踩坑记录DevEcoStudio
·2025-06-05 21:38

从入门到实战：全面解析 uni-app 跨平台开发（2025 版）

目录一、引言：跨平台开发的终极解决方案二、核心优势：为何选择uni-app？
583tj·2025-06-04 12:00

为什么 uni-app 开发的 App 没有明显出现屏幕适配问题Flutter 开发的 App 出现了屏幕适配问题

一、为什么uni-app开发的App没有明显出现屏幕适配问题？✅1.uni-app是基于H5的运行环境（或类H5）uni-app默认使用的是H5的渲染引擎（如WebView或小程序渲染引擎）。
getapi·2025-06-04 05:30

从架构视角设计统一网络请求体系 —— 基于 uni-app 的前后端通信模型

在使用uni-app开发跨平台应用时，设计一套清晰、统一、可扩展的网络请求模块是前期架构的关键环节。良好的请求模块不仅提高开发效率，更是保证后期维护、调试和业务扩展的基础。
nbsaas-boot·2025-06-03 11:55

uni-app 是什么？

什么是[[uni-app是什么？
GDBBader·2025-06-03 03:58

什么是uniapp？

uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台
慕斯-ing·2025-06-03 03:27

uni-app学习笔记十九--pages.json全局样式globalStyle设置

pages.json页面路由pages.json文件用来对uni-app进行全局配置，决定页面文件的路径、窗口样式、原生的导航栏、底部的原生tabbar等。
moxiaoran5753·2025-06-02 17:10

uni-app学习笔记二十--pages.json页面路由pages设置

uni-app通过pages节点配置应用由哪些页面组成，pages节点接收一个数组，数组每个项都是一个对象，其属性值如下：属性类型默认值描述pathString配置页面路径styleObject配置页面窗口表现
moxiaoran5753·2025-06-02 17:10

在vue-cli创建的uni-app项目中使用uView框架

通过下载uView源码的方式进行引入1、首先通过uViewUI已发布Sketch和Axure设计资源-DCloud插件市场下载uView源码到本地2、然后对压缩包进行解压，然后解压出来的文件夹放入项目src的目录下，如下图所示：3、然后就需要安装node-sass和sass-loaderyarnaddnode-sassyarnaddsass-loader如若安装node-sass和sass-loa
郭宝·2025-06-01 07:14

React（4）语法学习{列表渲染：数组、数组对象、map语法遍历数组、map语法遍历数组对象}

//state修改后DOM刷新//普通属性存储不修改skills=["uni-app","react","react
！没事·2025-05-30 15:27

基于uni-app前端各端适配方案

container{display:flex;flex-wrap:wrap;}@media(max-width:768px){.text{font-size:14px;}}单位适配rpx单位：uni-app
·2025-05-29 18:02

hbuilderX连接真机（荣耀8）

手里只有一台荣耀8，别的机型没有测试首先你得是uni-app、5+app、wap2app中的一个项目，其他项目不能在真机上运行安装华为手机助手，并能够成功连接手机，此过程略关闭华为手机助手，卸载手机上的华为手机助手
hifhf·2025-05-29 14:26

微信小程序与uni-app的不解之缘：$event的魔法之旅【含代码示例】

微信小程序与uni-app的不解之缘：$event的魔法之旅【含代码示例】一、$event：事件世界的“使者”二、基础概念：理解事件冒泡与捕获三、实战演练：$event的魔法秀示例一：简单的按钮点击事件示例二
DTcode7·2025-05-29 14:25

基于 uni-app + ＜movable-view＞拖拽实现的标签排序-适用于微信小程序、H5等多端

在实际业务中，我们经常遇到「标签排序」或「菜单调整」的场景。微信小程序原生的movable-view为我们提供了一个简单、高效的拖拽能力，结合Vue3+uni-app的组合，我们可以实现一个体验良好的标签管理界面。核心组件：、1.每项数据结构加入y坐标constitemHeight=uni.upx2px(110);//每项高度，决定拖动步长functioninitDragg(list){retur
一蓑烟雨，一任平生·2025-05-29 13:49

uniapp 微信小程序 获取手机号并存储

在使用uni-app开发微信小程序时，获取用户手机号并进行存储是一项常见的需求。以下是如何在微信小程序中实现这一功能的详细步骤和对应的代码示例，包括用户授权、手机号解密以及数据存储。
如夜了我衣衫太薄便归家靠路灯°·2025-05-29 03:29

uni-app商城（八）商品详情页

1.定义全局数据共享storeimportVuefrom'vue'importVuexfrom'vuex'importmoduleCartfrom'@/store/cart.js'Vue.use(Vuex)conststore=newVuex.Store({modules:{//挂载购物车的vuex模块，模块内成员的访问路径调整为m_cart//购物车模块中cart数组访问路径是m_cart/ca
R·ZORO·2025-05-27 14:14

uniapp+python实现微信小程序手机号一键登录全流程（附前后端代码及详细解释）

实现微信小程序手机号一键登录的全流程，主要分为以下几个步骤：前端（uni-app）收集用户授权、后端（Python）接收数据并处理登录逻辑、与微信服务器交互验证手机号、生成会话等。
计算机搬砖艺术家·2025-05-27 06:19

uni-app开发微信小程序

uni-app是一个使用Vue.js开发所有前端应用的框架，它允许开发者编写一次代码，然后发布到iOS、Android、Web（包括各种小程序平台如微信小程序、支付宝小程序、百度智能小程序等）以及各种快应用平台上
俊星学长·2025-05-26 01:30

uni-app - - - - -vue3使用i18n配置国际化语言

uni-app-----使用i18n配置国际化语言1.安装vue-i18n2.配置文件2.1创建如下文件2.2文件配置2.3main文件导入i18n3.页面内使用3.1template内直接使用3.2变量接收使用1.安装vue-i18nnpminstallvue-i18n--save2.配置文件2.1创建如下文件locales文件夹里的js文件，对应各个语言的配置2.2文件配置en-US.js//
Dark_programmer·2025-05-25 21:57

uniapp(全端兼容) - 详解前端阿里云OSS上传图片并添加水印功能，纯前端直传图片到阿里oss对象存储另外添加自定义水印，uniApp上传图像文件到OSS时给图片插入水印添加水印（无需后端服务）

效果图在uni-app微信小程序/手机h5网页网站/安卓app/苹果app/支付宝小程序/nvue等（全平台完美兼容）开发中，实现uniApp各端都兼容的“无需后端纯前端直传图片到阿里云OSS并且给图片加上水印功能
十一猫咪爱养鱼·2025-05-24 17:33

融云 uni-app IMKit 上线，1 天集成，多端畅行

融云uni-appIMKit正式上线，支持一套代码同时运行在iOS、Android、H5、小程序主流四端，集成仅需1天，并可确保多平台的一致性体验。融云uni-appIMKit在Vue3的高性能加持下开发实现，使用Vue3CompositionAPI，提供更灵活高效的代码组织方式；基于Vue3强大的响应式系统实现数据管理，让组件开发更模块化、更易维护；同时依托Vue3优化的底层架构带来更快的运行性
融云·2025-05-22 22:05

uni-app如何适配钉钉小程序

项目配置在package.json中添加自定钉钉环境变量"uni-app":{"scripts":{"mp-dingtalk":{"title":"钉钉小程序","env":{"UNI_PLATFORM
路西高辣·2025-05-22 21:05

【uni-app】uni-app 小程序获取手机号登录

获取手机号时序图如下：实现前端uni-app我对uni.request进行了封装，可能请求方式有些不同微信一键登录登录代表您已阅读并接受《用户协议》exportdefault{data(){return
衡木·2025-05-22 21:04

vue H5 跳转到uniAPP小程序并传参

uni-app小程序部分问题无法解决，采用webview-（vue）独立开发一部分功能，需要来回跳转并携带参数；官网文档很多写的不详细，遇到很多坑，这里记录一下。
蜗牛前端·2025-05-22 13:14

Uniapp开发总结

pages.json页面路由|uni-app官网pages.json基本配置："tabBar":{"color":"#000","selectedColor":"#4BB7DB","borderStyle
duansamve·2025-05-22 04:41

融云 uni-app IMKit 上线，1 天集成，多端畅行

融云uni-appIMKit正式上线，支持一套代码同时运行在iOS、Android、H5、小程序主流四端，集成仅需1天，并可确保多平台的一致性体验。融云uni-appIMKit在Vue3的高性能加持下开发实现，使用Vue3CompositionAPI，提供更灵活高效的代码组织方式；基于Vue3强大的响应式系统实现数据管理，让组件开发更模块化、更易维护；同时依托Vue3优化的底层架构带来更快的运行性
·2025-05-21 19:54

基于PHP+uni-APP设计的校园圈子系统校园论坛小程序的技术难点

设计一个基于PHP和uni-APP的校园论坛系统涉及多个方面，其中包括前端开发、后端逻辑处理、数据库设计以及前后端的交互。
·2025-05-21 15:51

uni-app微信小程序如何使用高德地图。通过经纬度获取所在城市，涉及到授权获取地理位置权限

高德地图官方是这样介绍的使用方法可以参考：入门指南-微信小程序插件|高德地图API我再介绍一下我得具体应用。1，首先要在申请高德地图开放平台得账号。然后在这个账号中申请一个应用。类型选择微信小程序。我的应用|高德控制台获取Key-创建工程-开发指南-微信小程序插件|高德地图API点击提交我们就得到一个可以看的key得应用啦。
肖肖肖丽珠·2025-05-21 06:18

Uniapp学习笔记

uniapp官网1.创建项目1.通过HBuilderX可视化界面创建：在点击工具栏里的文件->新建->项目（快捷键Ctrl+N），选择uni-app类型，输入工程名，选择模板，点击创建
旧城梦空·2025-05-19 09:53
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他