uniApp
uniapp---页面之间通信
uniapp在进行app开发的过程中，经常会需要在页面之间实现通信功能。 常见的是：子页面和父页面之间通信 首先：子页面向父页面通信： uni.$emit('login',{login:true}); 然后：父页面可监听事件 // 父页面 onLoad(){ // 监听事件 uni.$on('log ......
uniapp---下拉刷新上拉加载
在用uniapp做APP的时候，下拉刷新，上拉加载是常见的功能需求，现在整理一下： 第一步：设置下拉和上拉属性 找到【pages.json】设置： "enablePullDownRefresh": true, "onReachBottomDistance": 100, 示例： 第二步：页面新增下拉和 ......
分享uniapp移动端和h5项目如何使用谷歌地图
项目背景 使用 uniapp + vue2 开发的国外类地图 APP，原本是打算使用 uniapp 打安卓包的方式，最后由于种种原因变成在安卓壳子里使用 webview 的套壳 APP，所以最终效果其实是跟 h5 的一致。 两种路子都试了，中间踩了非常非常非常多的坑！但是不管怎样，最终能上线成功，所 ......
uniapp+定时云函数保活replit
在replit中运行起来后，如果没有请求，则会在5分钟后关机，所以需要一个进程来定时访问一下，以达到保活的目的。replit是什么？我的理解是：它是一个在线的IDE，前端项目可以直接跑起来，且replit会自动分配一个https的域名可以直接访问，后端的项目运行也不在话下，我跑在replit上的语言 ......
uniapp生成的app怎么上架到iphone的app store
首先这里需要强调的是，上架app store，必须用自己公司的账号的证书打包，不能使用别的公司的证书打包，因为假如使用别人的证书打包，打包出来的app，只能上传到别人的app store账号，你开发的app自然就属于别的公司名下。这样无论从版权、法律的角度，都是有一定的风险的。 ......
uniapp---生命周期
在做Uniapp项目开发的时候，了解其生命周期很重要，方便及时排查问题以及做项目开发。 一、应用生命周期 应用生命周期是指应用程序从启动到关闭的整个过程，包括：应用的启动、前后台切换、退出等。 此生命周期钩子函数是由Uniapp提供的。 onLaunch：应用程序启动时触发，仅在应用程序第一次启动时 ......
uniapp封装请求拦截和响应拦截的方法
uniapp封装请求拦截和响应拦截的方法：https://blog.csdn.net/luoxiaonuan_hi/article/details/129731171?utm_medium=distribute.pc_relevant.none-task-blog-2~default~baidujs ......
uniapp中路由传参的加密与解密方式
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
如何在uniapp中使用路由进行页面跳转
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
uniapp中如何实现路由跳转动画
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
uniapp中路由嵌套的操作方式
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
uniapp中如何实现页面的前进功能
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
uniapp中如何动态配置路由信息
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
uniapp中路由的使用技巧
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
uniapp中路由传参的方法详解
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
uniapp中路由懒加载的实现方式
Laravel是一个流行的PHP框架，它具有出色的可测试性，可以帮助开发人员在更短的时间内编写可靠的代码。但是，即使使用了这个框架，也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高，代码质量越高。在本文中，我们将分享几种技巧，帮助您提高Laravel应 ......
uniapp微信小程序-底部tabBar颜色显示问题
uniapp开发微信小程序时遇到底部tabBar文字颜色显示不正确的问题，排查后发现page.json文件内tabBar的颜色必须为Hex格式的才能正常显示。 ......
uniapp中实现H5录音和上传、实时语音识别（兼容App小程序）和波形可视化
目录Recorder-UniCore插件特性集成到项目中调用录音上传录音ASR语音识别 在uniapp中使用Recorder-UniCore插件可以实现跨平台录音功能，uniapp自带的recorderManager接口不支持H5、录音格式和实时回调onFrameRecorded兼容性不好，用Rec ......
uniapp中OnShow获取缓存
点击查看代码 function getStorage(key) { return new Promise((resolve, reject) => { uni.getStorage({ key: key, success: (res) => { resolve(res.data); }, fail: ......
uniapp之获取小程序版本号
一、相关链接 ① 使用uni.getAccountInfoSync() ： https://uniapp.dcloud.net.cn/api/other/getAccountInfoSync.html#getaccountinfosync ② 使用uni.getSystemInfo 异步获取系统信息 ......
uniapp使用uni-tooltip自定义多行
uniapp的官方文档中uni-tooltip的直接示例没有写全多行tooltip的演示代码，所以记录一下。主要就是利用插槽自己定义一个view,然后设置他的宽度来设置宽度高度，以及设置文字换行。 <template> <uni-tooltip> <button size="mini">多行文字提示 ......
uniapp 中截图保存当前页面 ， 当前内容
<script setup>import { ref } from 'vue'import { onLoad, onShow } from "@dcloudio/uni-app"// #ifdef H5import html2canvas from 'html2canvas'// #endifcon ......
UniApp中实现远程搜索的Select组件
在UniApp中实现远程搜索的Select组件可以通过使用uni-app自带的组件结合网络请求来完成。 首先需要创建一个数据源列表，该列表包含了所有可选项的值和显示文本。然后，当输入内容发生变化时，向服务器发送请求获取符合条件的选项列表。最后将返回的选项列表展示到Picker组件上供用户进行选择。 ......
uniapp使用css的grid尽量两列列表的显示
先看列表的效果图，是一个2列内容显示的滚动列表 可以看到一行有2列，然后2列中边框的距离是30rpx，中间间距也是30rpx，所以可以通过设置css样式如下： .container { display: grid; grid-template-columns: repeat(auto-fill, c ......
uniapp input框校验数据格式，只能输入汉字/数字/字母等
input框常用的正则表达式 1.html <input @input="onKeyVinInput" type="text" v-model="bindcode" placeholder="请输入" /> 2.js //限制输入框只能输入数字或者字母 onKeyVinInput(e){ const ......
uniapp ios 白屏
这个问题找了两天，问题出现的很离谱代码编译没问题，安卓、ios真机运行也没问题，打包以后安卓没问题，iphone 12（ios16.6.1）安装也没问题，还有一个iphone 6s（ios14.7.1）和iphone 11（ios16.3.1）打开以后就白屏，一脸问号。开始以为是代码问题，就找mai ......
uniapp实现背景颜色跟随图片主题色变化（多端兼容）
最近做 uniapp 项目时遇到一个需求，要求模仿腾讯视频 app 首页的背景颜色跟随 banner 图片的主题颜色变化，并且还要兼容 H5、APP、微信小程序三端。 由于项目的技术栈为 uniapp，所以以下使用 uni-ui 的组件库作为栗子。 需求分析 腾讯视频 app 效果如下： 从上图看出 ......
uniapp使用uni.uploadFile上传单文件内容
在uniapp中使用文件上传，一般使用uni.uploadFile，下面是一个单文件上传案例 uni.uploadFile({ url: uploadUrl, name: "file", // 上传的file的名称 formData: formData, // 除了文件内容的其他需要formdata ......
uniapp使用富文本组件editor获取不到data内数据的问题
vue2 在使用 uniapp 官方提供的 editor 富文本编辑器组件时，代码需求需要获取到富文本组件内的输入值并通过接口发送给后端，在editorContext.getContents内无论如何都无法将获取到的输入值存入data(){}内，最后通过修改this指向成功获取。 ......