-
核心是将“今年生日”与“当前日期”转为Date对象计算毫秒差；若今年生日已过，则自动设为明年生日，再用Math.ceil(diffMs/86400000)得精确天数。
-
slot属性仅在ShadowDOM中生效，需严格匹配大小写与层级结构，直系子元素才能被正确分发，否则内容静默消失。
-
<s>标签专用于标记曾准确但现已失效的内容，如过期价格、停用功能名、废止条款；不支持cite/datetime属性，不可与嵌套混用，且需配合CSS增强可访问性。
-
在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安全。
