前期概述：做了很长时间的小程序了，在此做一个完整的项目总结，希望可以帮助到正在学习、开发的小伙伴。此篇文章并不涉及一些原理，更重要的是帮助大家实现功能、流程。uniapp 还是很强大的 可以开发 小程序、h5、pc、app等，总的来说他是一款跨平台的应用框架。一、创建项目及初始化步骤（1）创建（2）启动小程序 启动小程序 最好现在uniapp中配置一下小程序的appid 否则
转载
2023-09-24 16:31:01
49阅读
# UniApp 在 iOS 设备上无法触底的问题解析
## 引言
在开发跨平台应用时，uni-app以其高效、灵活的特点成为了开发者的热门选择。然而，许多开发者在将uni-app应用部署到iOS设备时，遇到了无法触底的问题。这种现象不仅影响用户体验，也使得开发者感到困惑。本文将深入探讨这一现象的原因，并提供解决方案及代码示例，帮助开发者顺利通过iOS设备进行开发。
## 何为无法触底
“
毕设要求写一个浏览器端，一个APP端，一个微信端，刚开始以为要学三个技术然后写三个客户端，后来知道了uni-app这个神器，一次编写就可以编译生成APP、H5以及各种小程序版本的客户端。然而我比较熟悉的是web的前端开发，而且浏览器用于测试也是唾手可得，所以整个开发过程中用浏览器测试的基本上都很顺利，展现的效果也很好，然而在编译小程序端的时候出了很大的问题，整个页面都扭曲了，经过这两天的查资料与修
转载
2023-11-10 22:33:03
288阅读
1、api组件页面跳转uniApp有两种页面路由跳转方式：调用API跳转、navigator组件跳转。 在页面建立一个跳转按钮<button class="defult" @click="tiaozhuan">登录页面</button>navigateTo：跳转之后有箭头返回 uni.redirectTo ：重定向页面，关闭当前页面，跳转到应用内的某个页面，返回不到原页面。
转载
2023-12-07 10:29:42
2675阅读
1.指定页面不显示返回或首页按钮onShow(){
uni.h
}2.uni-app 开发微信小程序长按识别 ![在这里插入图片描述](/*
*2.使用image标签的show-menu-by-longpress属性
*show-menu-by-longpress开启长按识别功能
*/
<template>
<image
v-if="popupURL"
uni-app App端内置了一个基于 weex 改进的原生渲染引擎，提供了原生渲染能力。在App端，如果使用vue页面，则使用webview渲染；如果使用nvue页面(native vue的缩写)，则使用原生渲染。list是app端nvue专用组件，详细介绍在官网https://uniapp.dcloud.io/component/list?id=list1、下拉刷
转载
2023-08-01 13:51:09
399阅读
uniapp 云打包后IOS白屏，真机调试也是白屏，没有报错！解决办法！原来用uniapp 写的小程序 然后要翻成app 一开始还是很顺利的，因为安卓端测试 没有什么大问题；但是IOS直接白屏，只能看到tabBar 百度了各种 都没有得到解决，困扰了一天！！ 然后第二天突然想到会不会是subPackages 分包机制的问题，然后看了一下官网：subPackages分包加载配置，此配置为小程序的分包
转载
2023-08-02 15:48:16
1015阅读
# uni-app iOS小程序蓝牙开发指南
本文旨在帮助刚入行的小白开发者实现“uni-app iOS小程序蓝牙”功能。我们将通过一系列步骤，深入讲解每一步需要的代码和实现方式。此外，我们还会使用流程图和饼状图展示整个流程，帮助你更好地理解。
## 开发流程概览
我们可以将整个开发过程分为以下几个阶段：
| 步骤 | 描述 |
| ---- | -
# Uniapp iOS 小程序白屏问题及解决方案
随着移动互联网的迅速发展，小程序因其轻量、易用的特性受到广泛欢迎。特别是在使用 Uniapp 开发时，我们能够一套代码部署到多个平台，比如 iOS、Android 以及各大主流小程序。尽管如此，开发者在实际开发中仍可能遇到诸如 "白屏" 这类问题。本文将详细解析这一问题，提供原因和解决方案，并通过代码示例帮助大家更好地理解这一问题。
## 什
在开发和发布基于 uniapp 的小程序时，iOS 设备上偶尔会遇到白屏问题。这种情况通常由于页面加载失败、资源未能正确加载或者网络请求被阻塞等原因造成。白屏现象不仅影响用户体验，还可能导致用户流失，因此解决这一问题显得尤为重要。在接下来的博文中，我们会详细描述解决 uniapp 小程序 iOS 白屏问题的过程，包括背景定位、演进历程、架构设计、性能攻坚、复盘总结和扩展应用等方面。
### 背景
uniapp 小程序在 iOS 设备上经常出现的“弹性问题”是开发者们在构建移动应用时需要面临的一个常见挑战。这个问题主要体现在用户在进行滚动操作时，内容与界面不一致的现象，使得用户体验受到了极大的影响。在本文中，我将结合技术原理、架构解析、源码分析等多个方面，详细解读如何解决这个问题。
首先，让我们了解一下这个问题产生的背景。由于 iOS 系统在处理滚动与弹性效果时与 Android 有所差异
随着移动应用的发展，分享功能已经成为用户体验的重要组成部分。对于使用 uniapp 进行 iOS 小程序开发的朋友们来说，分享小程序的功能实现有着一定的挑战。在这篇博文中，我将详细记录在实现“uniapp ios分享小程序”过程中遇到的步骤和思路，从环境配置到进阶指南，希望为大家提供一些有价值的参考。
```mermaid
mindmap
root((环境配置))
Config1((
文章目录1、开发工具1.1 HBuilder X 安装1.2 微信开发者工具 安装1.3 HbuilderX 文档2、创建初始项目运行2.1 创建Uni-app项目2.2 运行2.2.1 微信开发者工具服务端口2.2.2 将项目运行到微信开发者工具2.2.3 运行后默认界面3、初始项目介绍4、边学习边开发代码4.1 生命周期4.2 配置4.2.1 认识包含所有配置项的page.json4.2.2
转载
2024-02-06 21:03:14
4阅读
一、什么是uni-app官网介绍是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。通俗地讲，uni-app是一个前端框架，开发者编写一套代码即可发布到各大主流平台，从而实现了程序跨平台使用。二、学习uni-app首先需
转载
2024-06-21 08:02:04
388阅读
一、微信小程序支付// #ifdef MP-WEIXIN
isMpweixin=true
// 调用微信官方支付接口弹出付款界面
wx.requestPayment({
appId: payData.appId,
timeStamp: payData.timeStamp, //后端返回的时间戳
nonceStr: payData.nonceStr, //后端返回的随机字符
转载
2024-08-23 22:29:30
60阅读
目录前言编辑提示下 （☆）问题一 问题二代码后续my.vue文件B页面前言因项目的需求，需要我完成 在微信的扫一扫中，扫后端定义的二维码进入小程序中这个需求说简单也很简单，说难也不难，就是花费了我几天的时间需要在 开发 ---> 开发管理 下的开发设置 一直往下滑 直到出现 扫普通链接二维码打开小程序 这一栏 写 小程序功能页面的时候，要想好路径后在
转载
2024-03-14 07:42:35
71阅读
问题：当通过链接或者其他方式进入小程序指定页面时，一般我们会控制页面返回键隐藏，如下图：但是这样会存在一个问题，当我们再次进入小程序时，会一直停在当前页面，除非将小程序删除，再次搜索进入，才能进入小程序首页需求当从链接进入小程序指定页面时，从指定页面的右上角按钮返回，再次进入小程序，直接进入小程序首页 实现方法： 1、在指定页面通过链接进入小程序的，往状态管理存个标记位onLoad(option)
转载
2024-08-13 12:28:27
152阅读
三天开发一个关于地理位置的小程序的心得前言公司需要在五一期间开发一个关于地理位置信息的小程序，节后供相关单位使用。然而卑微的我度过了一个劳动节。一、小程序账号问题一定要提前申请…提前申请，若当天开发，就当天申请，申请下来后一定要填写小程序的基本信息（重要的事情），填写小程序基本信息，关乎你调用小程序的接口，如wx.getLocation这种 接口，需要小程序满足一定的类目才能申请使用，而这个接口申
转载
2023-09-20 15:03:00
255阅读
最近在做uniApp时需要跳转微信小程序进行支付，以为和跳转支付宝小程序支付一样简单结果让我发狂，跳转微信代码其实很简单就是下面这一段，但是要配置一大推东西提示：plus为App端默认的系统参数，不用引入或者其他操作 ios跳转跳转微信小程序还需要配置Universal Links Univers
转载
2023-11-06 20:27:35
302阅读
记录一些官方文档没有的踩坑点。一、组件设置全屏覆盖设置宽度和高度100%是没用的需要在里面加设置一层view，并且设置对应宽高分别为vw和vh<uni-popup>
<viewclass="wrap_test"></view>
</uni-popup>
<stylelang="scss">.wrap_test{
width:10
转载
2023-10-01 14:23:07
1580阅读
