自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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

原创 修改 页面 滚动条样式

【代码】修改 页面 滚动条样式。

2025-01-06 17:17:15 251

原创 实现横线滚动-不显示滚动条 直接用

【代码】实现横线滚动-不显示滚动条 直接用。

2024-12-21 14:14:20 198

原创 el-tree设置当前节点选中后高亮、更改字体,加深背景颜色

【代码】el-tree设置当前节点选中后高亮、更改字体,加深背景颜色。

2024-12-18 20:18:23 456

原创 实现表格双击后变输入框

双击后效果,本次需求我的代码中始终只会保持一个输入框 每次都会执行stopEditing 函数。

2024-12-10 12:06:22 391

原创 el-table中的type=“selection“ 不显示全选并实现单选

【代码】el-table中的type=“selection“ 不显示全选并实现单选。

2024-11-28 12:04:08 459

原创 el-table 根据屏幕大小 动态调整max-height 的值

如果你不考虑 屏幕缩放的自动调整高度 那就可以用下面的。

2024-11-25 10:19:23 660

原创 实现el-table 点击按钮 增加一条数据 让表格滚动到最底部

在使用 Element UI 的。

2024-11-19 16:44:01 1034 1

原创 如何去掉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

原创 图片循环轮播,悬停停止

【代码】图片循环轮播,悬停停止。

2024-11-09 17:16:36 308

原创 css 文字一行没有放满不进行换行

【代码】css 文字一行没有放满不进行换行。

2024-11-06 10:04:53 233

原创 实现uniapp-微信小程序 搜索框+上拉加载+下拉刷新

"navigationBarTitleText": "消息",pages.json 中的配置。

2024-11-06 10:00:10 1060

原创 CSS Grid布局 3行代码 完成等分布局

gap: 20px;/* 列之间的间距 */

2024-10-22 15:06:51 463

原创 echarts图表china.js文件

【代码】echarts图表china.js文件。

2024-09-24 14:09:40 668

原创 如何实现滚动到el-table 的底部

【代码】如何实现滚动到el-table 的底部。

2024-09-10 15:02:01 293

原创 /* 隐藏滚动条 */

【代码】/* 隐藏滚动条 */

2024-09-04 20:31:17 164

原创 统计文字 字节长度 函数 返回字节长度

【代码】统计字节函数 字节返回长度。

2024-08-20 15:13:50 125

原创 输入框通过逗号分割成数组 支持中文逗号和英文逗号

【代码】输入框通过逗号分割成数组 支持中文逗号和英文逗号。

2024-08-14 10:30:14 303

原创 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

原创 实现左侧分类 右侧展示 以及搜索 及显示英文字母

【代码】实现左侧分类 右侧展示 以及搜索 及显示英文字母。

2024-07-08 11:47:36 240

原创 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

原创 el-table 固定前n行 配合 max-height 生效

row-class-name="TableRowClassName" 加上类名。

2024-06-18 10:29:39 517

原创 vue2 computed 、watch --vue3 computed 、watch

【代码】vue2 computed 、watch --vue3 computed 、watch。

2024-06-07 11:07:49 330

原创 el-select 远程搜索 实战 使用

【代码】el-select 远程搜索 实战 使用。

2024-06-03 17:45:39 194

原创 在 Vue中实现检索文本高亮功能

【代码】在 Vue中实现检索文本高亮功能。

2024-05-28 10:44:59 630 1

原创 vue2-computed,vue3+watch 前端实现列表搜索,结合filter+some+indexOf

【代码】vue2-computed,vue3+watch 前端实现列表搜索,结合filter+some+indexOf。

2024-05-24 17:11:08 331

原创 html中使用原生js发起axios请求

【代码】html中使用原生js发起axios请求。

2024-05-23 17:15:19 477

原创 html文件中使用axios、vue、elemen发起请求

【代码】html文件中使用axios、vue、elemen发起请求。

2024-05-23 17:14:19 471

原创 巨坑啊! 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

原创 vue 项目自适应 px转rem 插件postcss-pxtorem

我用的是vue-admin 框架 --force 忽略 版本的问题。

2024-04-26 18:15:22 820

upload 图片上传(新)

上传文件 预览图

2025-02-22

echarts图表china.js文件

echarts图表china.js文件

2024-09-24

vue3 纯前端 验证码功能

vue3 纯前端 验证码功能

2023-11-14

空空如也

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

TA关注的人

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