-
- 如何利用 Emit 实现自定义校验结果的回传？表单组件封装的利器
- 采用emit主动回传校验结果，子组件内聚校验逻辑并按field标识触发validate事件，父组件聚合状态、统一决策；支持同步/异步、防抖、错误提示与样式联动，结构清晰、响应式强、易于测试。
- 文章 · 前端 | 3星期前 | 101浏览 收藏
-
- 如何利用 Page Lifecycle API 还原被浏览器系统主动回收的页面业务现场
- discard后JS环境已终止，无法监听；唯一可靠信号是pageshow且persisted===false，需结合URL标记、localStorage时间戳、navigation.type交叉验证；保存现场仅能在freeze事件或pagehide且persisted===true时完成。
- 文章 · 前端 | 3星期前 | 101浏览 收藏
-
- 表单submit与change事件拦截全解析
- submit事件用于表单提交前整体校验与阻断，必须监听form元素；change事件在控件值变更并失焦后触发，仅反映最终值变化，不参与提交流程，需单独监听控件。
- 文章 · 前端 | 2星期前 | 101浏览 收藏
-
- CSS属性选择器绑定数据，结合变量与data实现动态样式
- 不能。CSS无数据绑定机制，data-属性与CSS变量无法自动关联，需JS通过setProperty()等方法手动同步更新。
- 文章 · 前端 | 2星期前 | 101浏览 收藏
-
- Webpackcss-loader配置全解析
- css-loader默认不解析@import/url()，需启用import/url选项或配合postcss-import；modules配置影响CSSModules行为，TS项目须设exportLocalsConvention；它仅解析CSS，注入/抽离由style-loader或mini-css-extract-plugin完成；SourceMap需全链路开启才准确定位。
- 文章 · 前端 | 2星期前 | 101浏览 收藏
-
- LongTasksAPI如何检测页面卡顿任务
- LongTasksAPI仅记录≥50ms的主线程任务，不能直接检测用户感知的卡顿；需结合≥1s耗时、帧率丢失或输入延迟等指标综合判断，且存在Safari不支持、attribution为空、漏报连续短任务等局限。
- 文章 · 前端 | 2星期前 | 101浏览 收藏
-
- object-position设置图片位置详解
- object-position是控制可替换元素（如<img>）内容在盒模型内锚点位置的CSS属性，需配合object-fit:cover或contain才生效，用于决定缩放后显示图像的哪一部分。
- 文章 · 前端 | 2星期前 | 101浏览 收藏
-
- HTML中insertAdjacentHTML用法详解
- insertAdjacentHTML的四个参数按DOM结构定义：“beforebegin”插目标前同级，“afterbegin”插目标内首子，“beforeend”插目标内末子，“afterend”插目标后同级；不执行脚本、不触发事件，需手动处理。
- 文章 · 前端 | 2星期前 | 101浏览 收藏
-
2. 使用 JavaScript 的 dataset 属性读取数据const element = document.ge">
示例元素
示例元素
2. 使用 JavaScript 的 dataset 属性读取数据const element = document.ge
