-
嵌套超4层应警觉，因CSS从右往左匹配导致回溯性能损耗，且复用性差；应改用BEM等语义化类名，明确Block、Element、Modifier职责，避免深层后代选择器。
-
CSSGrid列宽错乱主因是grid-template-columns设置不一致，需统一列轨道定义、优先用auto-fit配合minmax()、设grid-auto-rows或item高度约束、响应式中每个断点完整重写列定义，并用CSS变量集中管理。
-
推荐使用link标签引入GoogleFonts，如Roboto和OpenSans，并通过CSS调用；也可在CSS中用@import方式引入，但性能较差；支持按需加载特定字重如wght@400;700以优化速度；建议设置&display=swap避免文字空白，提升加载体验。
-
Map和Set在动态键、任意类型键值、频繁增删、去重等场景下比Object和Array更高效，因底层哈希优化、严格插入顺序、O(1)查找及类型安全相等判断；WeakMap/WeakSet仅适用于弱引用元数据场景。
-
浮动仅适用于图文环绕，其他布局应优先使用flexbox或grid；父容器塌陷可通过display:flow-root触发BFC解决；现代项目除需兼容IE9及以下外无需用float。
-
SVG精灵图应内联HTML并用构建工具自动生成symbol，统一viewBox和ID；禁用CSSbackground-image引用外部SVG；图标字体因渲染问题和兼容性差不推荐；CDN引入需锁定完整版本号；SVG响应式需正确设置width/height、viewBox及CSSmax-width:100%。
-
IIFE在旧版浏览器插件中主要用于避免全局污染、封装私有作用域和确保代码立即执行，尤其在无模块系统环境中关键；它解决变量冲突、兼容老旧引擎、适配DOM就绪时机，并安全暴露插件接口。
-
不推荐将try-catch作为常规值校验手段；应优先采用显式解析/正则验证等无异常方式，仅在无法预判结构（如不可信JSON）时谨慎使用，并务必捕获具体错误类型。
-
