-
fieldset必须配对legend使用，legend是其必要标题且须为首个子元素；禁用整个分组应使用fieldset的disabled属性；嵌套需有真实逻辑，避免冗余；legend内容须具体描述控件用途。
-
监听HTML全屏状态变化应绑定fullscreenchange事件到document，注意其不冒泡、大小写敏感；判断状态优先用document.fullscreenElement!==null，再降级检查webkit/ms前缀属性；requestFullscreen()须由用户手势触发且元素需可见。
-
实现CSS全屏布局需用100vh/100vw、绝对/固定定位或Flex/Grid结合min-height:100vh，注意移动端vh跳变、父容器定位上下文及滚动控制。
-
本文详解Selenium中XPath嵌套查找失效的根本原因：未使用相对路径导致全局搜索，通过./或直接子路径语法可精准限定作用域，结合代码示例与关键注意事项，帮助开发者写出健壮、可维护的定位逻辑。
-
wkhtmltopdf命令行批量转PDF最稳定可控，核心是封装Chromium引擎、无需GUI；需正确配置二进制路径、权限及参数如--quiet和--enable-local-file-access，并在Python中用subprocess调用且加timeout防卡死。
-
本文详解如何在iOS设备（尤其是Safari浏览器）中强制HTML<video>元素以内联模式（inline）播放，避免自动全屏弹出，涵盖React环境下的正确属性写法、必要条件及常见陷阱。
-
柯里化是将多参函数转为单参函数链，每次调用返回新函数直至参数满足才执行；核心是递归收集参数并比对fn.length，满足则apply执行，否则继续返回curried函数。
-
使用:focus伪类可实现输入框聚焦高亮，1.通过设置border-color改变边框颜色；2.结合box-shadow添加发光效果；3.适用于input、textarea等元素；4.需添加outline:none避免默认样式冲突，提升表单交互体验。
-
scale动画需配合transition才能产生缓动效果，transition必须写在默认状态且仅过渡transform更安全；transform-origin影响缩放锚点但无需加入transition；需兼顾:hover/:focus/:focus-visible以保障可访问性；非整数scale可能导致模糊，可加will-change或translateZ(0)优化；移动端应设touch-action:manipulation避免与双击缩放冲突。
-
gap属性用于设置Flex和Grid布局中项目间的间距，可替代margin；它是row-gap和column-gap的简写，支持同时定义行列间距，适用于display为grid或flex且flex-wrap换行的容器，能避免外边距重叠、简化代码，但需注意IE等旧浏览器不支持。
-
本文介绍如何在获取浏览器摄像头权限后自动截取一帧画面，并将其保存为PNG文件，支持以用户邮箱命名文件，全程无需点击操作，同时兼顾画面稳定性与用户体验。
-
最常误用且影响性能的是直接修改原数组的方法：push、pop、shift、unshift、splice，其中shift/unshift时间复杂度为O(n)；filter/map/slice虽安全但链式调用产生多中间数组；大数据量下应避免unshift，改用[item,...arr]或push+reverse。
-
CSS变量本身不响应，需配合@media在:root中按断点重定义值；移动端优先设默认值，再用min-width覆盖；语义化命名、避免重复覆盖；适用于设计系统，不适用单元素特殊响应。
-
答案：JavaScript通过touchstart、touchmove、touchend和touchcancel等事件实现移动端触控交互，利用touches坐标数据可检测滑动方向与多点缩放，需设置阈值防误判并调用preventDefault阻止默认行为，结合节流与状态清理优化性能。
-
在现代前端开发中，CSS的兼容性和代码效率至关重要。PostCSS是一个强大的工具，能将CSS解析成抽象语法树（AST），然后通过插件对样式进行转换和优化。结合合适的插件，你可以自动添加浏览器前缀、压缩代码、使用未来CSS特性，而无需手动处理繁琐细节。安装与配置PostCSS要在项目中使用PostCSS，首先需要将其集成到构建流程中。大多数现代项目使用Webpack、Vite或Parcel，这些工具都支持PostCSS配置。以Webpack为例，先安装PostCSS
