-
position:absolute配合transform:translate(-50%,-50%)是最简洁可靠的居中方案，无需预知宽高、兼容IE9+；需确保父容器为position:relative或直接挂载于body，避免transform等创建新定位上下文。
-
AbortController和signal是浏览器原生取消异步操作的标准方案，通过新建controller并传入signal实现fetch取消，调用abort()触发DOMException("AbortError")，需在ReactuseEffect清理函数中调用，超时需手动setTimeout配合abort，多信号合并用AbortSignal.any。
-
使用CSS变量--duration和--easing统一管理动画时长与缓动函数，通过:root定义基础值、局部覆盖实现响应式与差异化控制，避免硬编码和calc()动态计算，提升可维护性与视觉一致性。
-
答案：input可通过常规CSS样式定制；select需用appearance:none去除原生样式并结合背景图自定义箭头；checkbox则需隐藏原生控件，利用伪元素和label模拟外观，确保可访问性。
-
要让HTML表格列宽自动适应内容，核心方法是利用CSS属性控制表格布局和单元格行为，并根据需要进行精细化调整。首先，使用table-layout:auto;让浏览器根据内容自动计算列宽；其次，为防止长文本无换行导致列宽失控，添加word-wrap:break-word;或word-break:break-all;；接着，通过设置min-width和max-width定义列宽的合理范围；再者，确保white-space:normal;以允许内容正常换行；此外，在响应式设计中，可采用overflow-x:au
-
当前已运行HTML5播放器需确认三点：地址栏图标、右键菜单是否原生、Elements中是否存在<video>标签；访问html5test.com查<video>等项是否打勾；若显示Trident或兼容图标则为IE模式。
-
字体路径错误致@font-face失效，应使用绝对路径并提供woff2/woff双格式；font-display推荐swap；多变体需独立@font-face声明；local()基本弃用。
-
Vue模板空值处理应提前兜底、按需判断、合理默认：用?.安全访问嵌套属性（Vue3.4+），搭配??设默认值；v-if显式控制渲染；computed/method封装复杂逻辑；统一初始化响应式数据。
-
伪元素箭头不能点击触发下拉，因为::before和::after默认pointer-events:none，不参与事件捕获；交互必须绑定在父容器（如.dropdown或button）上，箭头仅作视觉装饰。
-
background-attachment:fixed在移动端失效是浏览器主动禁用，因导致卡顿和内存问题；iOSSafari早已废弃，安卓WebView多数跟随；可用position:sticky模拟或requestAnimationFrame节流的JS方案替代。
-
border是控制元素边框的核心属性，可设置宽度、样式和颜色；支持简写如border:1pxsolid#000，并能单独设置某一边，如border-top；常用样式有solid、dashed、dotted等，配合border-radius可实现圆角效果，提升视觉体验。
-
应改用flex布局实现响应式导航。通过媒体查询调整样式，小屏幕下使用垂直堆叠和汉堡菜单，结合JavaScript控制显隐，提升移动端触控体验与布局稳定性。
-
focus()失效主因是聚焦时机不当：DOM未就绪、框架生命周期错位、autofocus与JS混用、移动端非用户手势触发、表单重置丢失焦点，需分别在DOMContentLoaded、nextTick/useEffect、单一聚焦方式、用户事件同步回调、reset事件中处理。
-
基础下拉框用<selectname="xxx">包裹<optionvalue="val">文本</option>，必须设name和value；默认选中加selected；禁用用disabled但提交不传值；多选需multiple且后端接收为数组；<optgroup>仅分组不可选。
-
Chrome双击打开本地HTML报错是因file://协议受安全策略限制；临时方案是命令行加--allow-file-access-from-files参数，但新版已弃用；推荐起本地HTTP服务（如Python的http.server或VSCode的LiveServer），以真实环境模拟开发。
