-
Vue生命周期钩子需理解各阶段能力边界：created可发请求但不可操作DOM；mounted可操作真实DOM及第三方库；beforeUpdate/updated用于响应式更新前后处理，后者禁改响应式数据；unmounted/beforeUnmount是清理资源的最后时机。
-
下划线动画不动，主要是::after未设初始scaleX、transition及position:relative；居中扩散需transform-origin:center；transition须写在默认状态；Safari需translateZ(0)触发GPU加速。
-
CanvastoDataURL生成JPEG体积过大时，应显式传入number类型质量参数（如0.75），配合降采样缩放尺寸，并避免CSS缩放；跨平台需注意Safari预处理差异，超大图须降分辨率防内存溢出。
-
<video>被<footer>盖住是因父容器浮动未清除导致高度塌陷。应给浮动父容器触发BFC（overflow:hidden或display:flow-root）或伪元素清除，同时设video{display:block}消除基线间隙。
-
需借助外部工具桥接：一、Node.js调用系统命令（如sensors/wmic/istats）提供HTTPAPI；二、WebUSB直连USB温度设备；三、Electron/Tauri中调用底层传感器模块；四、调用主板Web管理API；五、Windows下WMI+ActiveX获取温度。
-
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行为差异大；常见失败因转义、标志、边界处理不当；应平衡性能与可读性，复杂场景优先用专用解析器。
