自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 uniapp 实现 列表滚动 支持自动滚动 手动滚动5秒后变成自动滚动

【代码】uniapp 实现 列表滚动 支持自动滚动 手动滚动5秒后变成自动滚动。

2025-06-16 10:35:46 27

原创 vue2 项目 实现一个进度条

【代码】vue2 项目 实现一个进度条。

2025-06-13 12:16:09 208

原创 uniapp中 在蒙版中禁止页面滚动

【代码】uniapp中 在蒙版中禁止页面滚动。

2025-06-11 18:40:02 82

原创 前端大屏可视化项目 局部全屏(指定盒子全屏)

需求是这样的,我用的项目是vue admin 项目 现在需要在做大屏项目。至于大屏适配问题 请看我文章 底部的代码直接复制就可以运行 vue2。不希望显示除了大屏的其他东西 于是想了这个办法。

2025-04-12 16:01:23 200

原创 px转rem 大屏适配方案 postcss-pxtorem

在根目录(项目最外层) 新建文件。新建文件 utils/rem.js。配置 vue.config.js。安装 我的版本。main.js中引入文件。

2025-04-11 10:12:04 531

原创 前端调试中的逐过程(Step Over)、单步调试(Step Into)和单步跳出(Step Out)区别

通过合理选择这三种操作,开发者可以精准控制调试流程,快速定位代码问题。例如,当遇到嵌套函数时,先用单步调试进入核心逻辑,再用单步跳出快速返回上层,最后用逐过程跳过无关代码,形成高效调试链路。

2025-03-05 12:09:14 475

原创 el-tabs组件中绑定‘activeName’ 为 ‘‘,打印值却是‘0’?

所以在写下拉的时候一定要给一个值 不要为空字符串 这样打印就没问题了。我去找源码 就发现了这个。

2025-02-28 15:06:04 255

原创 修改 页面 滚动条样式

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

2025-01-06 17:17:15 270

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

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

2024-12-21 14:14:20 214

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

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

2024-12-18 20:18:23 615

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

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

2024-12-10 12:06:22 415

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

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

2024-11-28 12:04:08 614

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

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

2024-11-25 10:19:23 742

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

在使用 Element UI 的。

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

原创 如何去掉el-input 中 type=“number“两侧的上下按键

【代码】如何去掉el-input 中 type=“number“两侧的上下按键。

2024-11-19 16:40:20 484

原创 纯前端实现语音文字互转

Web SpeechAPI 是一组浏览器 API,允许开发者在 Web 应用程序中集成语音识别和语音合成功能。这些 API 的引入标志着浏览器开始支持本地端的语音交互能力,不仅改善了用户体验,还为开发者提供了更多创新的可能性。Web Speech API 的推出不仅仅是技术进步的体现,更是对互联网应用程序用户体验提升的重大贡献。通过使用这些功能强大的 API,开发者可以为他们的应用程序添加创新的语音交互功能,从而吸引更多用户并提升用户满意度。

2024-11-18 17:50:14 1109 1

原创 WebSocket实战,后台修改订单状态,前台实现数据变更,提供前端和后端多种语言

在实际的后台中需要变更某个订单的状态,在官网中不刷新页面,可以自动更新状态。的方式与后台保持通信,监听订单状态的变化并更新页面。: 后端需要支持 WebSocket,并在订单状态变更时推送消息到前端。: 在官网前端页面通过 WebSocket 接收订单状态变更的通知。可以在浏览器开发者工具中查看 WebSocket 连接状态。在前端页面实现订单状态的实时更新(不刷新页面),可以通过。:使用 WebSocket(推荐)安装 WebSocket 库。WebSocket 使用。

2024-11-18 15:19:14 953

原创 git在当前分支失误拉取了其他分支代码,回滚步骤

先查看提交记录,找到拉取操作前的提交记录。你可以找到拉取操作之前的提交记录(也可以用。确认是否恢复到了拉取操作前的提交记录。:假设你想回退到拉取之前的提交,使用。命令来恢复到那个状态。查看所有操作历史)。替换为刚才复制的代码。

2024-11-11 16:42:07 782

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

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

2024-11-09 17:16:36 321

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

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

2024-11-06 10:04:53 256

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

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

2024-11-06 10:00:10 1082

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

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

2024-10-22 15:06:51 517

原创 echarts图表china.js文件

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

2024-09-24 14:09:40 679

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

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

2024-09-10 15:02:01 338

原创 /* 隐藏滚动条 */

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

2024-09-04 20:31:17 171

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

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

2024-08-20 15:13:50 133

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

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

2024-08-14 10:30:14 318

原创 uniapp实现自定义弹窗组件,支持富文本传入内容

3.showModal组件实现,我做了个判断,如果传入的cancelText是空字符串,则只显示确认键。5.使用方式 、 在h5 会报错 所有 还是引入一下 小程序正常。4、在main.js挂载vuex和showModal。创建initModal.js。1.首先安装vuex。

2024-08-13 12:21:39 781

原创 如何使用js 判断在pc打开还是手机

另外,随着Web技术的发展,现代浏览器和Web应用越来越多地采用响应式设计(Responsive Design)和渐进式增强(Progressive Enhancement)的策略,以适应不同设备的屏幕尺寸和性能。因此,在很多情况下,你可能不需要直接判断用户是在PC还是手机上访问,而是应该通过CSS媒体查询(Media Queries)等技术来适应不同的设备和屏幕尺寸。不过,由于设备和操作系统的多样性,这个列表可能并不完整。这样的库,这些库提供了更全面的设备检测功能,但需要注意的是,它们也是基于。

2024-07-23 16:33:08 1854

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

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

2024-07-08 11:47:36 250

原创 Vue3中使用form的坑! 会导致表单所有的框都不能输入,element puls ui组件库的el-form,输入无效的问题

我先是这样写的 model和 ref 的值一样了 然后就导致了 整个表单都锁住了这2个值修改成不同的值就可以正常使用了

2024-07-04 15:42:18 315 1

原创 throw 和return的区别,A函数里面执行B函数 B函数异常后 不再执行A函数

returnreturn:用于从函数中返回一个值,并终止该函数的执行。:仅在函数内有效。:在需要从函数中返回一个值或提前退出函数时使用。:用于抛出一个异常,终止当前代码的执行,并将控制权交给最近的异常处理器(通常是语句)。:可以在任何地方使用,不局限于函数内部;会传播到调用堆栈的上层,直到找到一个catch块来处理它。:在遇到错误或异常情况时使用,需要停止执行并通知调用者有错误发生。

2024-07-02 20:37:27 442

原创 解决微信小程序使用textarea输入框 type=“textarea“ 文本输入限制问题

【代码】解决微信小程序使用textarea输入框 type=“textarea“ 文本输入限制问题。

2024-06-27 10:20:38 1487

原创 实现锚点链接点击tab跳转到指定位置 并且滚动鼠标顶部锚点的样式也跟随变化

【代码】实现锚点链接点击tab跳转到指定位置 并且滚动鼠标顶部锚点的样式也跟随变化。

2024-06-18 15:03:54 503 1

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

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

2024-06-18 10:29:39 528

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

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

2024-06-07 11:07:49 339

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

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

2024-06-03 17:45:39 207

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

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

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

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

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

2024-05-24 17:11:08 341

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

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

2024-05-23 17:15:19 513

upload 图片上传(新)

上传文件 预览图

2025-02-22

echarts图表china.js文件

echarts图表china.js文件

2024-09-24

vue3 纯前端 验证码功能

vue3 纯前端 验证码功能

2023-11-14

空空如也

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

TA关注的人

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