-
:empty仅匹配完全无子节点的元素，因换行、空格、注释等不可见内容导致常见失效；验证需检查childNodes.length为0或DevTools中样式是否高亮。
-
该用<style>标签而非外部CSS文件的场景是：样式仅服务单页、改动频繁（如A/B测试页）或需快速验证布局；它省HTTP请求、避免路径错误，但无法缓存、易耦合JS、不支持构建工具处理。
-
Proxy本身不记录历史或保存状态快照，仅拦截操作，因此无法直接支持撤销；必须额外维护操作历史栈并配合路径追踪、深度比较与安全还原逻辑。
-
WebDriver协议不解决跨浏览器兼容性问题，它仅提供统一HTTP接口与驱动通信；兼容性差异源于浏览器渲染、JS执行、CSS解析等实现差异，需通过独立会话、能力配置、DOM/事件/JS/网络多维比对及Grid矩阵测试系统性捕获。
-
closed模式不能构建强隔离微前端沙箱，它仅使shadowRoot返回null，不隔离JS执行环境、无法阻止全局副作用、也不能防止样式或逻辑泄漏，真正隔离需依赖整套设计约束与配套机制。
-
纯HTML无法实现可运营的双十一页面，因其缺乏动态倒计时、库存更新、用户登录态、支付跳转等能力，必须配合JS、CSS及后端服务。
-
能，但仅对正在运行的动画生效；已结束或未触发的动画无效，且不支持过渡、不触发事件，需用element.style.animationPlayState精准控制。
-
迭代器是JavaScript中按需逐个获取序列值的统一遍历机制，可迭代对象则需实现[Symbol.iterator]方法；迭代器必须有返回{value,done}对象的next()方法，可迭代对象须通过该方法返回合法迭代器，生成器函数可简化实现。
-
IE9及以下不支持hidden属性，必须用display:none替代，并配合aria-hidden和CSS类控制；IE10部分支持但有渲染异常。
-
语义化标签需按内容角色而非样式选用：article用于可独立分发的内容单元，section用于同主题逻辑分组，aside用于非核心补充信息，nav专用于导航链接集合。
-
JavaScript通过WebWorkers实现多线程并发，配合SharedArrayBuffer与Atomics支持共享内存和原子操作，可在浏览器和Node.js中进行高效并行计算，但需满足跨源隔离等安全策略。
-
媒体查询断点生效取决于语法结构、单位选择和逻辑组织，而非数值本身；应统一用min-width、避免混用、确保viewport标签正确、禁用rem而优选em或px，并依据内容崩坏点而非设备尺寸设定断点。
-
正确使用link标签需包含rel="stylesheet"、href指向CSS文件路径，建议放在head中确保样式优先加载，可结合media等属性优化适配不同场景。
-
使用Vim插件UltiSnips和vim-snippets可大幅提升HTML/CSS编码效率。首先通过Plug安装插件并在.vimrc中配置，接着在~/.vim/after/snippets/目录下创建html.snippets和css.snippets文件，分别定义html5和flex等常用代码片段。输入缩写如html5或flex后按Tab键即可展开为完整代码结构。此外，vim-snippets自带丰富内置片段，如form、ul>li*3和anim等，支持快速生成表单、列表和动画模板，显著减少重复
-
border-bottom分割线不可见主因是父容器高度塌陷、子元素浮动未清除或inline元素无垂直空间；需加padding-bottom、避免overflow:hidden、改用inline-block或伪元素替代。
