-
hover动画卡顿或不触发，主因是浏览器未提前提升图层；应默认设will-change:transform，用transform替代top/left，SVG填色改用fill="currentColor"，transition需明确属性并设初始值，间距统一用gap或margin-right:last-child。
-
WebWorker传参报DATA_CLONE_ERR错误是因为结构化克隆不支持function、undefined、RegExp、Date（部分）、Error、DOM节点及循环引用对象；应只传plainobject、array、string、number、boolean、null、ArrayBuffer等可克隆类型，复杂类型需转换为可序列化形式。
-
HTML开发与PD快充毫无关系，因其仅负责页面结构描述，不访问硬件电源模块、不参与USBPD协议协商；navigator.getBattery()仅可读取电池状态，无法控制充电。
-
Vue中子组件不得直接修改props，须通过$emit通知父组件更新以维持单向数据流；错误做法包括复制props到data或用computedsetter，正确方式是watch监听或Vue3中用defineProps/defineEmits规范通信。
-
可通过LiveServer扩展、手动浏览器打开、配置任务或多光标操作实现VSCode中多HTML文件预览。一、安装LiveServer后右键各HTML文件选择OpenwithLiveServer，可共享服务器同时运行多个页面。二、复制HTML文件路径并在浏览器新标签粘贴打开，无需扩展即可预览多个文件。三、在tasks.json中配置shell任务，使用命令如startchromefile1.htmlfile2.html一键启动多个页面。四、按住Ctrl选择多个文件，结合多光标编辑并批量右键用LiveSer
-
Vue自定义事件必须用kebab-case命名且避开原生事件名，如user-created；禁用userCreated、click等；推荐加业务前缀如form:validated；setup中可用safeEmit校验。
-
position:sticky在thead里为什么没反应因为thead默认不是块级容器，且父元素（table）的overflow行为会截断粘性效果。浏览器对table元素的sticky支持本就受限，很多情况下thead即使写了position:sticky也完全不生效。必须给thead>tr>th或thead>tr>td单独设position:sticky，而不是只设在thead上top值不能为0（尤其在有滚动容器时），建议用top:
-
需用@font-face引入自定义字体，优先WOFF2格式并提供多格式回退；通过font-family调用，建议加通用字体兜底；可用CSS变量统一管理族名；注意CORS跨域限制及font-display:swap优化加载体验。
-
:active伪类可实现按钮点击反馈，需配合transform缩放或位移、transition动画及移动端兼容处理，避免无响应或样式卡顿。
-
clear:both失效是因为它只清除同级相邻浮动元素，无法影响父级浮动容器；真正有效的是让后续元素创建新BFC，如display:flow-root或overflow:hidden。
-
用@mixin统一控制菜单项状态最可靠，通过变量定义过渡、混合宏封装hover/focus/active样式，并用@if处理focus-visible；&嵌套确保选择器精准，响应式@media宜嵌套在模块内，可访问性需结构与JS协同。
-
将记事本中的HTML代码保存为.html文件后，通过浏览器打开即可查看网页效果。1、编写代码后点击“文件”→“另存为”，设置保存类型为“所有文件”，文件名输入如“index.html”。2、选择保存位置（如桌面）并点击保存。3、双击该文件或右键选择浏览器打开，可查看页面效果。4、若需修改，右键文件选择“编辑”用记事本打开，修改后保存并刷新浏览器。5、确保代码包含<!DOCTYPEhtml>、<html>、<head>、<body>等基本结构，标签成对出现，符
-
虚拟列表不能用display:none切换元素，因浏览器仍会为所有隐藏元素计算布局、生成渲染树，导致内存暴涨和卡顿；其核心是“不创建”而非“隐藏”，只渲染视口及缓冲区节点，DOM节点数应控制在20–100个以内。
-
Vue.js中监听视频进度需用timeupdate事件更新响应式变量再watch，配合防抖（拖动后3秒）与节流（每15秒）上传，辅以localStorage缓存、失败重试、幂等设计及seeked/ended/visibilitychange等状态一致性处理。
-
用<table>制作多商品参数对比表最稳妥，因其语义准确、无障碍友好、响应式与打印表现佳；须用<thead>+<th>表头、scope属性明确行列关系，并通过max-width、text-overflow和word-break控制长文本，小屏改用垂直卡片布局，禁用border-collapse:collapse而用border-spacing分隔商品。
