自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(20)
  • 收藏
  • 关注

原创 前端promise使用

使用场景公司数据迁移时,造成打开页面loading一直未关闭,一看才知道使用的promise.all中某个接口执行错误导致都无法进行下去。JavaScript 中很多操作(比如接口请求、文件读取等)都是 “异步” 的(不会立即返回结果,需要等待一段时间),而。优雅地管理多个并行的接口请求,防止回调地狱,在代码中可以根据使用场景来使用Promise。会‌等待所有传入的Promise完成(无论成功或失败)‌,并返回一个包含所有结果的数组。就是为了更优雅地处理这些异步操作而设计的。需要同时发起多个接口请求,

2025-11-12 13:14:11 164

原创 封装过滤掉无效的查询参数,返回仅包含有效参数的对象的公共方法

滤掉无效的查询参数,返回仅包含有效参数的对象

2025-10-17 13:42:21 75

原创 前端常用插件框架以及组件

ColorUI 【小程序组件库 / 组件少但是颜色挺好看的 / 也是不更新了】iview 【ui框架 / 也常用 / 有小程序版本没用过】vant【移动端ui框架 / 组件比较多 /有小程序版 】element 【ui框架 / 喜欢配色和样式】vue-draggable 【拖拽组件 vue】-tailwindcss【小体积css 响应式】vue-simple-upload【上传组件】-NutUI【京东 / 移动端ui框架】-element+【vue3.0版本】vue-cropper【图片裁切工具】

2025-03-12 13:54:03 152

原创 uniapp中微信小程序获取微信头像以及昵称

获取到路径之后调用一下上传接口保存下来。

2025-03-08 16:15:55 244

原创 微信小程序支付功能对接

传递的参数要根据后端的同步,signType参数也是。使用uni.requestPayment API。

2025-02-14 16:51:54 166

原创 uniapp上拉加载与下拉刷新

2.使用onPullDownRefresh实现下拉刷新。1.使用onReachBottom方法实现上拉加载。有什么问题可以私信哦。

2025-02-14 16:46:51 217

原创 uniapp中获取当前页面路径以及参数并且存到状态管理器中

1.在request中的401状态处理方法下面做操作。然后就可以做后续处理啦。

2025-02-14 16:31:45 801

原创 uniapp开发微信小程序中分享获取分享页面路径,登陆之后再次返回当前分享页面

1.首先使用<button open-type="share">做自定义分享。在App.vue页面去获取到这个页面的路径以及参数通过状态管理器去存起来。因为之前登录的逻辑是统一跳转到首页,所以当时加了这个功能。使用这个方法去传递路径,但是我这边做了其他的方法去获取。登录之后做这个逻辑处理就ok啦。

2025-02-14 16:27:12 460

原创 uniapp开发微信小程序中使用到选择地址组件(省市区级别)

基本上这样的一个格式,然后页面导入就可以了import regionDatas from './regionData.json';3.上面代码基本实现需求接下来就是要对接获取数据,也可以前端自定义json文件导入。1.使用的uniapp官网中的picker组件。最终效果图,详细咨询可私信联系。

2025-02-14 16:11:02 486

原创 使用SockJs库实现websocket通信协议以及订阅主题以及接收订阅主题消息

console.log('显示接收到的消息内容: ' + messageOutput.body)console.log(messDate.recognized_name, '姓名')console.log(bboxData.value, '坐标')console.log('消息已经成功发送!// 显示接收到的消息内容。2.在vue页面导入。

2024-12-26 15:35:36 580

原创 vue对接SSE系统通知

const reconnectDelay = Math.min(30000, 1000 * Math.pow(2, reconnectAttempts)) // 计算重连延迟,最大延迟为30秒。console.log('收到消息内容是:', event.data)console.log('sse已经存在:', eventSource)console.error('SSE 连接出错:', event)console.log('尝试重连 SSE...')console.log(e, '连接刚打开时触发')

2024-12-26 15:31:59 773

原创 vue3PC端+扫描二维码功能 获取二维码内容

第二部引入 import { Html5Qrcode } from "html5-qrcode";第一步下载 npm i html5-qrcode。

2024-05-14 10:19:34 527

原创 app中跳转外部链接

1、可以通过uni.navigateTo跳转到新的页面通过<web-view>标签打开链接。2、直接使用plus.runtime.openURL()打开浏览器。

2024-03-27 11:03:46 922

原创 后端一次只传递10条数据,前端做分页处理

1.在uniapp中开发的app,后端只给传递十条数据,这里我们要用到两个函数 下拉加载(onReachBottom)和上拉刷新(onPullDownRefresh)。判断当前List是否大于或者小于后端传递的total 来进行判断 最后通过concat函数进行合并 然后正常渲染出来即可。

2024-03-27 10:32:02 374

原创 onShow和onLoad的区别

2.onShow 生命周期钩子函数在页面展示时触发,表示页面被显示到前台。在该函数中,可以处理页面显示相关的逻辑,例如刷新数据、更新UI等。onShow 函数可能会多次执行,因为页面在切换后台和前台之间多次切换时都会触发。1.onLoad 生命周期钩子函数在页面加载时触发,表示页面的初始化过程。通常用于获取页面参数、初始化数据等。在多数情况下,onLoad 函数只会在页面初始化时执行一次,调用时可以获取参数,通过options。在uniapp中都是两个生命周期钩子函数,用于控制页面的初始化和显示逻辑。

2024-03-19 18:52:43 1354

原创 Object.keys()的用法

Object.keys()的用法

2024-03-19 18:46:24 215

原创 关于vue对接海康视频流的心得

vue3成功对接海康监控摄像头

2024-03-13 21:38:18 868 1

原创 vue强制修改组件样式

这个是我经常使用的方法。

2023-06-05 16:00:16 437 1

原创 vue日期选择器搜索以及重置

3.在methods中添加相应的方法。2.在搜索以及重置按钮处添加事件。1.先把组件进行调用。

2023-06-05 15:57:02 463 1

原创 vue日期选择器获取当前年月,进入页面渲染当前年月的表格数据

vue日期选择器的使用以及扩展

2023-06-05 15:50:06 397 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除