-
通过:active伪类与transform结合实现按钮点击缩放效果，示例为button:active{transform:scale(0.95);}，并添加transition使动画更流畅，适配移动端时可设置touch-action:manipulation以增强响应。
-
setTimeout延迟不准是因为它只保证最早执行时间，实际执行需等待任务队列清空和主线程空闲，可能被同步代码、微任务或高优先级宏任务阻塞。
-
伪元素::after默认不可点击，因其非DOM节点且pointer-events默认为none；需将事件绑定到宿主元素，并设::after的pointer-events:none以透传点击。
-
localStorage与sessionStorage均存储字符串且受同源策略限制，区别在于：1.localStorage同域所有标签页共享、永久保存；2.sessionStorage仅当前标签页有效、关闭即销毁；二者均不参与HTTP传输。
-
table-layout:fixed是解决列宽错乱的前置条件，需配合显式width和col元素控制列宽；浮动不适用于td/th，仅可用于table整体实现文字环绕；现代替代方案是flex布局。
-
HTML5无原生3D按钮，实用方案是CSS3D变换（perspective+rotate）配合阴影渐变模拟视觉效果，跳转逻辑须与样式解耦，禁用WebGL过度实现。
-
try-catch仅捕获同步代码异常；异步错误需用.catch()、await+try-catch或全局unhandledrejection监听。
-
本文详解Maximumcallstacksizeexceeded错误在对象setter中的成因——setter内部直接赋值this.age=value会无限触发自身，形成隐式递归；并提供规范、安全的修复方案（使用私有属性+get/set配对）。
-
移动端videoautoplay失效因浏览器禁止无用户交互的自动播放，必须静音+在点击等同步事件中调用play()，并检查readyState≥2和playing事件确认生效。
-
flex-basis定义初始尺寸，flex-grow控制剩余空间扩展比例，flex-shrink决定溢出时压缩比例，三者共同决定Flex子元素的空间分配，推荐使用flex简写属性统一设置。
-
video标签无反应应先检查src路径和状态码，常见问题包括404、403、CORS、file://协议限制、MIME类型错误；MP4需H.264+AAC编码；多source兜底时mp4放首位；autoplay必须muted且服务端配置正确。
-
实现语法高亮需通过词法分析将代码分解为token并用不同样式标记，采用双层结构（透明textarea+高亮显示层）实现可输入且着色的编辑器，结合按行解析、防抖与虚拟滚动优化性能，并通过语言配置规则支持多语言扩展。
-
一个能实际提交的HTML登录页面必须包含：<formaction="/login"method="POST">骨架；name="username"和name="password"的对应输入框；type="submit"按钮；密码框必须用type="password"；关键autocomplete、autocapitalize等语义属性不可省。
-
void运算符强制右侧表达式求值后返回undefined，不改变副作用但丢弃原返回值；常用于IIFE、javascript:void(0)、Promise链忽略中间值等场景。
-
误用div和span、标题层级混乱、滥用strong与em、列表使用不当是常见HTML语义化错误。应优先使用header、nav、article等语义标签；保持h1至h6逻辑递进；按语义选用strong、em、b、i；列表用于结构化内容，避免为样式滥用标签。坚持内容决定标签，借助Lighthouse等工具检测，提升可访问性、SEO与维护性。
