- 博客(91)
- 收藏
- 关注
原创 前端调试中的逐过程(Step Over)、单步调试(Step Into)和单步跳出(Step Out)区别
通过合理选择这三种操作,开发者可以精准控制调试流程,快速定位代码问题。例如,当遇到嵌套函数时,先用单步调试进入核心逻辑,再用单步跳出快速返回上层,最后用逐过程跳过无关代码,形成高效调试链路。
2025-03-05 12:09:14
277
原创 el-tabs组件中绑定‘activeName’ 为 ‘‘,打印值却是‘0’?
所以在写下拉的时候一定要给一个值 不要为空字符串 这样打印就没问题了。我去找源码 就发现了这个。
2025-02-28 15:06:04
191
原创 el-table中的type=“selection“ 不显示全选并实现单选
【代码】el-table中的type=“selection“ 不显示全选并实现单选。
2024-11-28 12:04:08
459
原创 如何去掉el-input 中 type=“number“两侧的上下按键
【代码】如何去掉el-input 中 type=“number“两侧的上下按键。
2024-11-19 16:40:20
429
原创 纯前端实现语音文字互转
Web SpeechAPI 是一组浏览器 API,允许开发者在 Web 应用程序中集成语音识别和语音合成功能。这些 API 的引入标志着浏览器开始支持本地端的语音交互能力,不仅改善了用户体验,还为开发者提供了更多创新的可能性。Web Speech API 的推出不仅仅是技术进步的体现,更是对互联网应用程序用户体验提升的重大贡献。通过使用这些功能强大的 API,开发者可以为他们的应用程序添加创新的语音交互功能,从而吸引更多用户并提升用户满意度。
2024-11-18 17:50:14
1075
1
原创 WebSocket实战,后台修改订单状态,前台实现数据变更,提供前端和后端多种语言
在实际的后台中需要变更某个订单的状态,在官网中不刷新页面,可以自动更新状态。的方式与后台保持通信,监听订单状态的变化并更新页面。: 后端需要支持 WebSocket,并在订单状态变更时推送消息到前端。: 在官网前端页面通过 WebSocket 接收订单状态变更的通知。可以在浏览器开发者工具中查看 WebSocket 连接状态。在前端页面实现订单状态的实时更新(不刷新页面),可以通过。:使用 WebSocket(推荐)安装 WebSocket 库。WebSocket 使用。
2024-11-18 15:19:14
874
原创 git在当前分支失误拉取了其他分支代码,回滚步骤
先查看提交记录,找到拉取操作前的提交记录。你可以找到拉取操作之前的提交记录(也可以用。确认是否恢复到了拉取操作前的提交记录。:假设你想回退到拉取之前的提交,使用。命令来恢复到那个状态。查看所有操作历史)。替换为刚才复制的代码。
2024-11-11 16:42:07
676
原创 实现uniapp-微信小程序 搜索框+上拉加载+下拉刷新
"navigationBarTitleText": "消息",pages.json 中的配置。
2024-11-06 10:00:10
1060
原创 uniapp实现自定义弹窗组件,支持富文本传入内容
3.showModal组件实现,我做了个判断,如果传入的cancelText是空字符串,则只显示确认键。5.使用方式 、 在h5 会报错 所有 还是引入一下 小程序正常。4、在main.js挂载vuex和showModal。创建initModal.js。1.首先安装vuex。
2024-08-13 12:21:39
728
原创 如何使用js 判断在pc打开还是手机
另外,随着Web技术的发展,现代浏览器和Web应用越来越多地采用响应式设计(Responsive Design)和渐进式增强(Progressive Enhancement)的策略,以适应不同设备的屏幕尺寸和性能。因此,在很多情况下,你可能不需要直接判断用户是在PC还是手机上访问,而是应该通过CSS媒体查询(Media Queries)等技术来适应不同的设备和屏幕尺寸。不过,由于设备和操作系统的多样性,这个列表可能并不完整。这样的库,这些库提供了更全面的设备检测功能,但需要注意的是,它们也是基于。
2024-07-23 16:33:08
1541
原创 Vue3中使用form的坑! 会导致表单所有的框都不能输入,element puls ui组件库的el-form,输入无效的问题
我先是这样写的 model和 ref 的值一样了 然后就导致了 整个表单都锁住了这2个值修改成不同的值就可以正常使用了
2024-07-04 15:42:18
272
1
原创 throw 和return的区别,A函数里面执行B函数 B函数异常后 不再执行A函数
returnreturn:用于从函数中返回一个值,并终止该函数的执行。:仅在函数内有效。:在需要从函数中返回一个值或提前退出函数时使用。:用于抛出一个异常,终止当前代码的执行,并将控制权交给最近的异常处理器(通常是语句)。:可以在任何地方使用,不局限于函数内部;会传播到调用堆栈的上层,直到找到一个catch块来处理它。:在遇到错误或异常情况时使用,需要停止执行并通知调用者有错误发生。
2024-07-02 20:37:27
377
原创 解决微信小程序使用textarea输入框 type=“textarea“ 文本输入限制问题
【代码】解决微信小程序使用textarea输入框 type=“textarea“ 文本输入限制问题。
2024-06-27 10:20:38
1310
原创 实现锚点链接点击tab跳转到指定位置 并且滚动鼠标顶部锚点的样式也跟随变化
【代码】实现锚点链接点击tab跳转到指定位置 并且滚动鼠标顶部锚点的样式也跟随变化。
2024-06-18 15:03:54
469
原创 vue2 computed 、watch --vue3 computed 、watch
【代码】vue2 computed 、watch --vue3 computed 、watch。
2024-06-07 11:07:49
330
原创 vue2-computed,vue3+watch 前端实现列表搜索,结合filter+some+indexOf
【代码】vue2-computed,vue3+watch 前端实现列表搜索,结合filter+some+indexOf。
2024-05-24 17:11:08
331
原创 巨坑啊! before-upload返回false 会执行on-remove
通过对on-remove对应参数的打印,发现回调中的file参数有个status,若是是在before-upload中就被过滤了,就是ready,若是已经上传成功了去点击删除,status是success,就他了。//这里应该就是before-upload中返回false时的状况了,还有没有别的状况,未知。// console.log('删除完后剩下的图片', this.fileList)// console.log('删除图片', file)
2024-05-11 22:17:43
602
原创 el-select 选择框底部增加按钮 点击按钮滚动到选择框顶部
主要代码是在visibleChange 在这个 popper 里面找到 .el-select-dropdown__list。
2024-05-06 18:24:03
1068
原创 vue2 实现echarts图表进入可视区域后再加载动画,以及 使用了resize之后,动画失效问题解决
是一个现代的浏览器 API,用于监测一个或多个目标元素与其祖先元素或视窗(viewport)之间的交叉状态(intersection)的变化。它可以有效地监听元素是否进入或离开可视区域,从而实现一些懒加载、无限滚动、图表加载等需求。
2024-04-29 16:23:27
1898
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人