-
在React中使用Flexbox水平展示SVG数组时，SVG尺寸随元素增减而缩放？关键在于禁用弹性伸缩行为——通过为每个SVG包裹容器设置flex:00auto并配合固定宽高（如width:"25%"或绝对像素值），即可实现等宽、不压缩、响应式排列。
-
footer文字水平居中直接用text-align:center最稳妥，因footer是块级元素，该属性专管其内部行内内容排列；错误做法包括写在span上、与flex混用或误用margin:0auto。
-
color-scheme不是深色模式开关，仅声明支持的系统配色方案；需通过<meta>或:root声明才能使原生控件适配系统偏好，且不影响自定义元素样式。
-
必须先定义带语义的断点变量（如@breakpoint-sm:576px）并统一收口至variables.less，再通过@import引入，配合.media-sm()等混合宏固化查询逻辑，同时同步更新@container-max-widths映射值，避免modifyVars误覆盖。
-
打印时position:fixed元素不出现是预期行为，非bug；因打印无视口概念，fixed语义失效，Chrome/Firefox/Safari均跳过渲染，需重置为static并清空top/right/bottom/left/z-index等属性。
-
header用于页面或区块的引导性内容（如logo、导航、标题），main标识唯一核心内容区且不可嵌套于article/section，section则按主题逻辑分组内容并须含标题。
-
grid-auto-flow:dense不能主动填空，仅让未显式定位的网格项在自动放置时尝试填补空缺；它不改变DOM顺序、不响应式重排、不影响已定位项，且可能损害可访问性与性能。
-
纯HTML无法实现名片实时生成，必须用JavaScript监听oninput事件并动态更新DOM；CSS仅控制样式，不处理数据绑定；核心是建立输入与预览间的低延迟响应通道。
-
根本原因是TypeScript将.module.css默认视为字符串索引类型Record<string,string>，而非具名类名对象；需用typed-css-modules自动生成.d.ts类型声明文件，并确保其被tsconfig包含、文件名正确（Button.module.css.d.ts）、关闭css-loader的esModule选项，最后重启TSServer。
-
Object.isExtensible仅检测对象是否可扩展，不可修改；真正控制可变性的是preventExtensions、seal和freeze三个不可逆方法，对应业务生命周期的草稿、待审核、已确认、归档四阶段。
-
DOM问题核心在于执行时机不对、节点引用失效、操作方式不匹配；document.getElementById返回null主因是脚本执行早于HTML解析，ID含特殊字符需用querySelector并转义，批量操作应使用DocumentFragment避免频繁重排。
-
用fetch+setTimeout轮询查状态最稳，先提交获取task_id，再以此轮询/api/status接口；需禁用按钮、指数退避、设最大重试和总超时、清理定时器、处理页面可见性及DOM安全。
-
Chrome下input[type="search"]清除按钮需四行CSS才能彻底隐藏：先重置-webkit-appearance:textfield，再分别禁用::-webkit-search-cancel-button、::-webkit-search-decoration和::-ms-clear伪元素，否则会出现残留、留白或错位。
-
Modernizr检测需DOM就绪后执行，localStorage和geolocation须try/catch及回调验证，canPlayType返回非布尔值，CSS支持应优先用CSS.supports()并缓存结果。
-
JavaScript深拷贝需创建完全独立的新对象以避免引用共享，常用方法包括：JSON.parse(JSON.stringify())（简洁但类型支持有限）、structuredClone()（现代标准，支持多数复杂类型）、递归手写（可控性强，可定制）、Lodash的_.cloneDeep()（生产环境稳妥选择）。
