自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 浏览器visibilitychange事件监听页面tab是否在激活状态

document.visibilitychange 是一个非常实用的浏览器事件,常用于监听页面是否在前台 / 后台

2025-10-21 14:19:45 348

原创 new AbortController() 取消网络请求

AbortController 是一个 用于控制异步任务中止(取消)的接口。

2025-10-21 13:50:26 450

原创 CSS 中 BEM命名规范

BEM是一种CSS 命名方法论Block(块)Element(元素)Modifier(修饰符)它的设计目标是:让 CSS命名清晰、层级关系明确、模块化可复用。方法优点缺点原始命名简单,随意容易冲突,难维护嵌套命名层级清晰嵌套深、性能差BEM 命名模块化、清晰、复用强命名稍长但规范性高 ✅。

2025-10-14 19:19:34 405

原创 IntersectionObserver监听元素是否进入浏览器可视窗口

当一个元素进入或离开可视区域时触发回调。常见应用场景包括:✅ 图片懒加载(滚动到可视区才加载)✅ 元素曝光埋点统计(广告、内容曝光)✅ 动画触发(进入视口时播放动画)✅ 无限滚动加载(检测是否滚动到底部)

2025-10-14 14:00:09 260

原创 JavaScript 中的 structuredClone 方法,处理深拷贝

structuredClone()是一个内置的全局方法,用于创建给定值的深拷贝(deep clone)

2025-09-16 17:17:09 177

原创 Vue3中defineProps与defineEmits使用TypeScript写法

defineProps,defineEmits的TypeScript写法

2025-03-03 17:11:01 319

原创 Element UI 选择器使用 vue-virtual-scroller 改为虚拟列表

element ui 中 el-select 使用 vue-virtual-scroller 实现虚拟滚动列表

2025-02-07 13:28:08 591

原创 前端使用FormData上传多个文件

FormData构造函数使用方式

2023-03-02 13:36:58 5298

原创 div上绑定keyDown事件

tabindex的用法,keydown,keyup,keypress事件

2023-02-13 22:38:04 2246

原创 vue3通过lottie-web插件使用json动画

使用lottie-web插件来实现json动画

2022-07-31 00:32:33 1336

原创 使用Vue3+ts封装一个音频audio播放器

使用vue封装一个音频播放器

2022-07-23 00:46:22 3738 1

空空如也

空空如也

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

TA关注的人

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