-
max-width:100%不生效的主因是父容器无宽度、内联宽高覆盖、flex/grid中min-width:auto阻碍缩放；必须配合height:auto保持比例，且需检查srcset/sizes和Safari渲染问题。
-
web-vitals是JavaScript库，非HTML标签或属性，需通过脚本调用onLCP/onCLS/onINP等函数采集指标；仅引入script不调用函数将无法获取数据，且须注意执行时机、buffered配置及手动上报逻辑。
-
仅用html{filter:grayscale(100%);}不够，需补-webkit-filter兼容旧版Safari/安卓WebView，并为IE11添加progid语法；应选html而非body作根选择器以确保全覆盖，且须规避性能拖慢、文本可读性下降及视觉细节崩坏问题。
-
Intl.NumberFormat('en-US',{style:'percent'})默认将输入值乘以100再加%符号；传入0.12得12%，若后端返回整数12则需先除以100，否则会显示1200%。
-
模板字符串用反引号包裹，支持多行、保留换行缩进、内嵌变量表达式（如${name}）、配合标签函数实现转义/格式化，调试可用JSON.stringify查看真实换行。
-
:hover不生效主因是权重不足、被覆盖、元素不可交互或伪类顺序错误；需确保元素有cursor:pointer、:hover写在常规样式后、遵循LVHA顺序，并避免在移动端单独依赖。
-
background-position:center不总居中是因为它只将背景图锚点设为容器中心，实际显示取决于图片尺寸与background-size配合；默认auto尺寸下大图会溢出，需搭配cover或contain及确保容器有可靠尺寸。
-
Object.entries返回一个二维数组，每个子元素为[key,value]形式的数组，仅包含对象自身可枚举、非Symbol的属性，不遍历原型链、不可枚举属性或Symbol键。
-
<inputtype="hidden">必须置于<form>内，设置合法name和动态/静态value，禁用敏感信息硬编码；CSS隐藏不可替代，因其语义错误且存在验证与可访问性风险。
-
HTML5播放器彻底绕过Flash依赖需从资源层、运行层双路径替换：SWF课件须转HTML5格式或重做；FLV/RTMP流需服务端转HLS/MP4并用hls.js播放；前端FlashAPI调用须重写为标准事件或postMessage通信。
-
KeepAlive本身不会导致内存泄漏，问题在于被缓存组件未清理的全局事件、定时器、第三方实例、watch副作用及大型数据引用；需在deactivated或beforeUnmount中显式清除。
-
用setInterval实现图片轮播需维护索引、防越界、确保加载完成再切换；CSS动画仅适合静态固定图；注意onload重复绑定、404处理、DOM缓存及visibilitychange控制后台运行。
-
正确做法是将图片嵌入相对定位容器，遮罩层同级绝对定位覆盖，仅对图片应用transform:scale()并设初始值，配合overflow:hidden防溢出、display:block去间隙、opacity过渡遮罩，触屏需JS降级处理。
-
Chrome仅识别字面值translate="no"，它是HTML5枚举属性（合法值仅"yes"/"no"），作用是阻止翻译器提取该元素及子节点文本，不改变DOM或JS执行；需在初始HTML的<html>标签声明，动态插入内容须手动添加，且需配合精确lang值（如lang="zh-CN"）才能可靠生效。
-
用position:absolute+top:0+left:0+width/height:100%使图片叠于父容器左上角，父容器需设position:relative和明确高度，配合z-index与opacity切换，预加载图片并用object-fit:cover防变形。
