Uniapp笔记

最新推荐文章于 2025-12-10 10:47:58 发布
原创 最新推荐文章于 2025-12-10 10:47:58 发布 · 154 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #uni-app

本文介绍如何使用uni-app框架进行跨平台应用开发。通过一套代码实现iOS、Android及多种小程序的发布。从HBuilderX的安装到项目的创建运行进行了详细说明。

使用uniapp搭建手机端项目，首先需要下载编译器HBuilder X下载App开发版本即可

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

Hbuilder X里新建一个项目，点击运行，可以多种方式运行，如果报错，查看是否确实插件，在工具中的插件安装安装scss 内置终端等。。。

uniapp笔记
weixin_43689531的博客
06-30 192
text selectable>text文本标签</text> //selectable属性，文本可选中，移动端需要长按。
UniAPP笔记
Ohh_ZH的博客
04-15 235
uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、HS，以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台，方便开发者快速交付，不需要转换开发思维，不需要更改开发习惯。
uniapp 笔记
qq_40737587的博客
07-16 1235
5.**前端调用支付接口：**在前端（uniapp项目），当用户点击支付按钮时，前端将向服务器发送请求，获取上述支付参数。调用微信支付API的wx.requestPayment()方法，传入支付参数，拉起支付密码框，完成支付。1.**申请微信支付：**微信支付平台完成注册和申请审核。申请成功后，将获得微信支付所必须的各种证书、密钥等信息，这些信息将用于后续的支付请求。6.**处理支付：**处理支付成功信心和返回上一页或者你返回的页面。4.**创建订单：**后端在服务器上生成订单号返回。
uniApp笔记
w13966597931的博客
11-04 4101
学习路线：>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>文中下方出现的http链接均为官网纤详细教程地址，官网讲的很全没必要再重新记录一编。
UniApp 笔记
bennybi的博客
01-27 2502
-@ 开头的绝对路径以及相对路径会经过base64转换规则校验
Hbuilder uniapp 笔记
LAOning11的博客
08-10 6358
uniapp hbuilder
uniapp基础笔记
凉
10-24 1304
在 pages 目录下 的 vue 文件中定义的样式为局部样式，只作用在对应的页面，并会覆盖 App.vue 中相同的选择器。app和小程序中，为了提升体验，页面提供了原生的导航栏和底部tabbar，注意这些配置是在pages.json中做，而不是在vue页面里创建，但点击事件的监听在显示的vue页面中做。但nvue里，只支持flex，因为它在app端是使用原生排版引擎渲染的。在uni-app的各个端中，除了h5端，其他端的js都运行在一个独立的v8引擎下，不是在浏览器中，所以浏览器的对象无法使用。
uniapp笔记.rar
08-06
【uniapp笔记】 uniapp是一款基于Vue.js开发的多端框架，它允许开发者编写一次代码，就能在iOS、Android、Web（H5）、小程序（微信/支付宝/百度/头条/QQ）等多个平台运行。它的核心理念是提供一套统一的开发语言和...
小兔uniapp笔记
03-10
### 小兔 UniApp 开发指南 #### 关于小兔 UniApp 的开发环境配置 为了更好地理解如何使用小兔 UniApp 进行应用开发，了解其基础设置至关重要。开发者通常会先安装 HBuilderX 或者其他 IDE 来编写代码[^1]。 #### ...
uniapp学习笔记之知识点大总结
Qiuxuntao的博客
08-24 2250
uniapp学习笔记之知识点大总结
uniapp笔记-下拉刷新和上拉加载[数组追加新内容]
m0_49194578的博客
11-14 3119
这里写目录标题下拉刷新方式一：在pages.json中全局或者局部配置开启方式二：通过调用`uni.startPullDownRefresh()`方法触发下拉刷新一坨练习代码上拉加载关于控制触底事件的触发数值使用：一般我们在这里是刷新下一页数据 下拉刷新 相关事件：当用户下拉时触发，与生命周期配置同级 方式一：在pages.json中全局或者局部配置开启 # 局部配置 "path" : "pages/setting/setting", "style" :
【uniapp笔记】animation实现多组动画变gif效果（动画切换闪烁）
kikikiuu的博客
12-02 3540
【uniapp笔记】animation实现多组动画变gif效果（动画切换闪烁）
计算机毕业设计|基于springboot + vue在线考试管理系统(源码+数据库+文档)
12-07 891
本文介绍了一个基于SpringBoot+Vue的在线考试管理系统。系统采用前后端分离架构，后端使用SpringBoot框架简化开发流程，前端采用Vue.js实现响应式界面，数据库选用MySQL存储数据。文章详细说明了系统设计原则、技术选型理由，并提供了功能演示视频、代码示例和测试用例。此外，还包含毕业设计选题推荐和源码获取方式。该系统具有用户友好的界面设计、完善的安全机制和良好的扩展性，适合作为计算机相关专业的毕业设计项目参考。
Vue二级弹窗关闭错误解决指南
无忧花开的博客
12-09 1073
Vue.js项目中二级弹窗关闭时出现"Failed to execute insertBefore"错误，主要源于DOM操作冲突、过渡动画中断或异步操作未完成等问题。解决方案包括：使用$nextTick确保DOM操作时机正确、处理过渡动画生命周期、管理动态组件卸载顺序、清理异步操作等。建议采用Portal技术、状态管理集成等替代方案，并通过代码审查、测试验证来预防问题。该错误本质是DOM操作时序问题，合理控制Vue更新机制和异步操作可有效解决。
vue Hooks
W_LIN的博客
12-08 301
‌。
高德API精讲系列——vue+高德API搭建前端Echarts图表页面
weixin_66547608的博客
12-10 62
本文介绍了在Vue项目中使用Echarts 5.x开发地理地形图的核心要点：1. 必须准备省市县级别的geo-json文件（推荐从阿里DataV获取）2. 区分注册地图、散点坐标和主题的API使用方式3. 提供了Vue3最小实现示例和常见问题解决方案4. 包含下钻功能实现思路和批量注册脚本5. 强调map名称一致性、文件分离原则和打包注意事项6. 展示了信阳市人口密度图的完整实现代码和效果展示。
avue uploader图片预览拉伸变型的css处理方法
最新发布
经验之谈，不做搬运工
12-10 108
摘要：针对avue uploader图片预览拉伸问题，可通过CSS覆盖解决。使用object-fit: cover属性可让图片覆盖容器并裁剪多余部分，保持比例不变。如需完整显示不裁剪，可改用object-fit: contain。示例代码展示了如何在el-upload组件中应用该样式。
高德API精讲系列——vue+高德API搭建前端3D交通页面
weixin_66547608的博客
12-10 46
本文介绍了一个基于Vue3和高德地图JS API的3D热力/路况一体化组件实现方案。主要内容包括： 精简版和详细注释版代码实现，包含地图初始化、3D视图设置、路况图层和热力图的切换控制功能 关键优化点：解决宽度问题、热力图透明度设置、内存泄漏处理等 安全建议：API密钥管理和域名白名单配置 性能优化：大数据量热力图的网格聚合方案 扩展方向：时间轴动画、图层叠加、自定义渐变等高级功能 该组件可直接集成到项目中，通过按钮切换路况和热力图显示，适合交通监控、人口密度分析等场景应用。
vue vxe-gantt 甘特图实现产品进度列表，自定义任务条样式和提示信息
大猩猩X
12-06 1002
本文介绍了如何使用vxe-gantt组件实现自定义甘特图产品进度列表。通过task-view-config.viewStyle.cellStyle设置单元格样式，利用taskBar和taskBarTooltip插槽自定义任务条模板和提示信息。示例代码展示了如何配置甘特图参数，包括时间刻度、任务条样式、表格列定义和数据源，并实现了周日高亮显示效果。该组件支持高度定制化，可灵活调整任务条布局和内容显示，适用于各类项目管理场景。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值