-
Grid中aspect-ratio不生效需先检查父容器是否设width或min-width，再确保子项设width:100%或min-width:0，避免height冲突，优先用grid-auto-rows配合aspect-ratio实现响应式高度。
-
Error.cause无法用于全链路异常监控，因其仅在单个JS运行时内有效，跨服务时因JSON不序列化cause、旧环境不支持及协议缺失而必然断裂；须改用结构化错误字段+traceparent透传实现根因定位。
-
SCSS不自动遵循DRY原则，需开发者主动识别显性与语义重复（如flex居中），通过语义化变量（如$color-primary）、@mixin抽象（如@mixinflex-center）及慎用@extend来落实；旧项目应渐进隔离并注释@mixin行为。
-
Safari对calc()结果执行向下取整（floor），导致宽度/高度差1px；Chrome、Firefox则四舍五入或保留小数，这是WebKit布局阶段的数值处理策略，并非bug。
-
根本原因是浏览器默认样式与自定义CSS隐式冲突；需针对性重置box-sizing、margin/padding、font-size等核心属性，配合基础样式重建布局锚点，并确保重置CSS最先加载。
-
本文详解如何通过现代CSS布局（Flexbox+语义化结构）使header元素自然位于容器顶部、水平居中，同时保持样式完整性与响应式健壮性。
-
JavaScript是单线程语言，依靠事件循环、任务队列和宿主环境（如浏览器或Node.js）的异步能力处理异步操作；微任务（如Promise.then）在宏任务后立即执行，宏任务（如setTimeout）需等待下一轮事件循环；WebWorker可实现多线程但不改变JS单线程本质。
-
使用[attr$="val"]选择器可匹配属性值以指定字符串结尾的元素，如a[href$=".pdf"]{color:red;}使PDF链接变红加粗，[class$="btn"]仅匹配class属性值整体以btn结尾的元素，需注意大小写敏感及多类名限制。
-
直接修改element.style只影响行内样式，无法覆盖CSS文件或style块中的规则（除非无!important且优先级更低）；需用驼峰命名、带单位赋值；读取时仅返回行内值，查最终样式须用getComputedStyle。
-
最常用方式是通过<link>引入CDN版Icon集，需确保URL正确且加载顺序在使用图标前；本地引入需注意路径与MIME类型；Iconify则通过API动态加载SVG图标。
-
异步组件由后端返回的明确标识（如componentKey、modulePath、schemaType）驱动加载，前端通过注册表映射标识到动态import工厂函数，并结合defineAsyncComponent或路由动态注入，同时需白名单校验与安全控制。
-
本文详解React列表渲染中因误用数组索引（index）作为key所致的删除异常问题——点击任意行“删除”按钮却总是删掉最后一项，并提供基于唯一ID的健壮修复方案。
-
BEM的核心是明确样式归属与职责边界，而非单纯命名规范；应严格区分block、element、modifier语义，避免跨模块拼接、状态误作modifier、工具盲目转换，并通过渐进式封装和检测机制落地。
-
合法语义正确的blockquote需嵌套<p>段落、用cite属性填URI（非人名书名），并手动添加<footer>或<small>显示来源文字；cite仅供机器读取，不渲染。
-
IE8中contenteditable仅在标准DOCTYPE下且显式写为contenteditable="true"时有效；需用input/propertychange监听、innerHTML读取、execCommand插入内容，并避免复杂编辑操作。
