-
WeakMap是实现业务组件状态“硬隔离”托管的最可靠原生方案，其键必须为对象、不可遍历、无size/clear方法，且键失联后自动GC回收，确保状态与实例在语言机制层面强绑定。
-
清除浮动是为了解决父容器因子元素脱离文档流导致的高度塌陷问题。使用overflow:auto可触发BFC，使父容器包含浮动子元素，从而恢复正常布局，适用于两栏布局、卡片列表等场景，且无需额外标签，但需注意可能引发滚动条；现代布局建议采用Flexbox或Grid替代浮动。
-
真实登出必须触发服务端清理逻辑，不能仅靠前端跳转或清除本地状态；应使用带credentials:'include'的POST请求调用/logout接口，配合后端销毁session、作废token并禁用缓存。
-
用嵌套列表或Map模拟对象存储精灵图配置，循环生成类时需避免重复声明和单位混淆，CSS变量不适用于此场景。
-
keydown事件无法直接绑定到非可聚焦元素（如普通div）上，因为浏览器只将键盘输入路由给当前获得焦点的元素；必须监听window或为元素添加tabindex才能接收键盘事件。
-
靠前端代码无法真正防止index.html被恶意修改，必须从服务器权限、部署流程和基础设施层设防：收紧文件权限至644、隔离可写目录并禁用脚本执行、使用低权限用户运行Web服务、WAF需防护HTML/JS/CSS等全部关联资源、静态站点应托管于只读对象存储。
-
最值得用且不易踩坑的CSS缩写属性是margin、padding、border、background、font；它们高频、语义清晰、副作用可控，覆盖80%以上重复声明场景，但需注意全量重置子属性的隐性覆盖风险。
-
JavaScript类型转换分显式和隐式两种。显式转换通过Number()、String()、Boolean()手动转类型；隐式转换在运算时自动发生，如+操作符触发字符串拼接，数学运算符触发数字转换，逻辑判断依据真值表。使用==时会进行类型转换，推荐用===避免意外。对象转原始值调用valueOf()或toString()，数组加空字符串即转为字符串。掌握这些规则可减少bug。
-
不能。link的media属性仅控制样式是否应用，浏览器仍会下载CSS文件，导致移动端首屏性能受损；真正按需加载需用JavaScript动态插入或服务端检测。
-
伪元素不属于BEM命名体系，因其是虚拟节点，不参与HTML结构，应作为修饰符或状态的视觉延伸挂载到真实存在的BEM块或元素上，而非新建类名。
-
本文介绍多种替代多重if-else的优雅方案，包括提前返回、条件组合优化、对象映射及位运算等方法，适用于基于多个布尔状态（如字段存在性）进行分支判断的场景。
-
JS动画真正跑在合成层上需确保元素有独立GraphicsLayer且只更新transform/opacity。应使用translate3d(0,0,0)强制分层，避免layout触发属性，用Layers面板验证图层稳定存在。
-
用padding-bottom实现宽高比裁剪是因为其百分比值基于父容器宽度计算，可纯CSS锁定比例；需配合position:relative与绝对定位子元素，并用object-fit:cover实现居中裁剪。
-
需按显卡型号匹配工具并验证GPU加速：先确认显卡与驱动，再依NVIDIA、AMD、Intel核显、AppleSilicon分别启用对应浏览器标志、系统设置及VSCode扩展。
-
Tailwind类名不提示主因是插件未读取tailwind.config.js或未识别Tailwind语法；需安装bradlc官方插件、确保配置文件在根目录且正确导出、content路径含扩展名、开启editor.quickSuggestions.strings，并手动重载窗口。
