-
WAI-ARIA能显著提升复杂组件的可访问性，但错误使用反而会破坏无障碍体验，甚至导致法律风险；它不是“加了就更好”的装饰属性，而是一套需严格遵循规范的技术方案。
-
单行文字用line-height最直接，设为与容器height相等即可垂直居中；多行文字用display:flex加align-items:center；注意盒模型（padding/border）影响实际居中区域，vertical-align对块级元素无效。
-
该用display:grid而不是flex的核心判断标准是布局维度：grid适用于需同时控制行与列的二维布局（如仪表盘、卡片网格），flex仅适合单行或单列的一维布局（如导航栏、按钮组）。
-
clear:both不能解决浮动塌陷，因其仅控制兄弟元素排版，不影响父容器高度；正确方案是clearfix伪元素或改用Flex/Grid布局。
-
1表示单字符否定，如2匹配非数字字符；需配合+/*提取连续片段，注意^位置和-的转义；复杂场景宜用负向先行断言(?!...)。...↩0-9↩
-
使用float属性可实现文字环绕图片效果，将图片设为左或右浮动，文本自动环绕其周围，配合margin调整间距，并用clear或overflow清除浮动影响，适用于图文混排布局。
-
安装UltiSnips和vim-snippets插件后，通过输入html、div、ul等缩写加Tab键可快速生成HTML结构，anim、flex、mt等缩写生成CSS代码，支持自定义片段，显著提升Vim中前端开发效率。
-
首先确认CSS选择器准确性，通过开发者工具定位唯一id或name属性，并在Pulover中用“GetElement”测试；接着使用“ExecuteJavaScript”命令直接操作DOM填写表单，并触发input事件确保验证生效；对于多页面场景，分析共有结构特征建立HTML模板规则，通过条件判断匹配模板并执行对应填写流程；最后处理异步加载，插入“WaitforElement”命令设置等待时间与超时机制，结合重试逻辑应对加载失败。
-
闭包本身不是内存泄漏的元凶，但当它意外长期持有对外部变量的引用且这些变量本该被回收时，就会引发内存泄漏；典型场景包括未清理的事件监听器、定时器、全局缓存及对已移除DOM节点的引用。
-
JavaScript正则关键在写对用稳：字面量适合静态，newRegExp适合动态但需双写反斜杠；match/exec/test/replace行为差异大；常见失败因转义、标志、边界处理不当；应平衡性能与可读性，复杂场景优先用专用解析器。
-
D3.js是数据驱动的SVG可视化库，需手动绑定数据与DOM元素，适合深度定制；通过select、data、enter、attr等方法构建图表，配合scale、axis、transition实现映射、坐标轴和动画。
-
表单点击无反应通常因form未闭合、嵌套或按钮type非submit；fetch提交后刷新是因未调e.preventDefault()；后端收空数据多因content-type与解析中间件不匹配；禁用提交需监听formsubmit而非仅禁用按钮；name属性缺失导致字段不提交。
-
模板字符串可替代字符串拼接且更安全易读，但需正确使用反引号和${}语法，支持多行、表达式、函数调用；错误用单/双引号包裹会导致变量不解析；它避免拼接常见错误并天然支持可选链与空值合并；纯静态字符串、动态引号需求或极致性能场景下仍宜用字面量；标签模板函数可实现转义、沙箱等DSL能力，但插值逻辑应保持简洁。
-
HTML<template>元素是浏览器原生支持的惰性模板机制，不渲染、不执行脚本、不加载资源，仅通过JavaScript克隆插入DOM，具备防XSS、语义清晰、支持ShadowDOM等优势。
-
BEM类名在动态插入DOM时未生效，因CSS静态解析不扫描新节点；需确保样式提前加载、用classList.add()操作类名、严格遵循块-元素-修饰符层级规范，并避免JS拼接类名导致的断层。
