- 博客(20)
- 收藏
- 关注
原创 前端promise使用
使用场景公司数据迁移时,造成打开页面loading一直未关闭,一看才知道使用的promise.all中某个接口执行错误导致都无法进行下去。JavaScript 中很多操作(比如接口请求、文件读取等)都是 “异步” 的(不会立即返回结果,需要等待一段时间),而。优雅地管理多个并行的接口请求,防止回调地狱,在代码中可以根据使用场景来使用Promise。会等待所有传入的Promise完成(无论成功或失败),并返回一个包含所有结果的数组。就是为了更优雅地处理这些异步操作而设计的。需要同时发起多个接口请求,
2025-11-12 13:14:11
164
原创 前端常用插件框架以及组件
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上拉加载与下拉刷新
2.使用onPullDownRefresh实现下拉刷新。1.使用onReachBottom方法实现上拉加载。有什么问题可以私信哦。
2025-02-14 16:46:51
217
原创 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
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅
1