-
绝对定位元素使父容器高度为0，因其彻底脱离文档流，父容器计算高度时完全“看不见”它们；这是CSS规范行为，非bug。常见现象包括offsetHeight为0、背景不显示、兄弟元素上移；clearfix等浮动清除方案无效。
-
验证码生成不应使用计算属性，而应由methods或setup中的函数完成，用ref存储真实值、computed仅作只读转换；必须确保生成可控、与后端同步、防调试暴露、输入即时校验并禁用空码提交。
-
Array.prototype.push本身不会栈溢出，问题在于调用方式：配合apply或扩展运算符批量传入海量元素时，引擎需将每个元素作为独立参数压栈，超出V8等引擎约65536的参数上限即报RangeError。
-
navigator.onLine不可靠，仅反映系统网络接口状态而非服务可达性，需配合fetch心跳检测（带超时、防抖、真实后端校验）和服务端预缓存离线页才能准确判断用户可用性。
-
在Blazor中，当同一自定义组件（如<TextArea>）被多次渲染于同一页面时，需确保各实例状态隔离、互不干扰，并能将各自输入结果准确回传至父组件——通过@bind-Value双向绑定配合EventCallback<string>即可优雅实现。
-
font-size不生效的主因是父级使用rem/em导致计算值偏离预期，其次为继承中断、框架重置、viewport缩放及字体回退等问题，需逐级检查Computed值并验证fallback。
-
最实用的企业官网HTML模板是30分钟内可完成公司名、联系方式和三张产品图修改并上线的单页式或Bootstrap5原生结构模板，需满足扁平文件结构、统一导航控制和硬编码信息全局可搜替三大前提。
-
decode()是HTMLImageElement的异步方法，必须在JavaScript中调用并处理Promise，不能直接写在HTML标签里；正确做法是监听load事件后调用decode()，仅在其resolve后才显示图片。
-
noindex和nofollow是独立指令，可单独使用；noindex使页面不被索引但需先被抓取，nofollow在meta中效果弱于rel="nofollow"，robots.txt优先级高于metarobots，X-Robots-Tag优先级最高。
-
Bootstrap5的断点是明确定义的六个min-width像素值：xs(0)、sm(576)、md(768)、lg(992)、xl(1200)、xxl(1400)，全部锚定在$grid-breakpoints变量上，媒体查询以min-width为唯一依据，且断点“向上生效”。
-
DOM操作是JS与网页结构的唯一接口；选元素用getElementById（快、专用于id）或querySelector（灵活但慢、只返首个）；改内容用textContent（安全）而非innerHTML（防XSS）；append需传节点而非字符串；注意操作时机与事件监听器丢失。
-
Modal内容无法点击是因为.modal-backdrop的z-index意外高于.modal-dialog，根源在于父容器创建了新的层叠上下文（如transform、opacity<1），导致.modal-dialog的z-index失效；应检查祖先元素、确保定位属性有效，并优先使用data-bs-backdrop="false"等语义化方案。
-
必须用box-sizing:border-box、calc()预留误差、BFC防塌陷；因content-box下width不包含padding/border，易超100%换行，且浮动致父容器塌陷需清除。
-
animation-timing-function通过速度曲线控制CSS动画节奏，不改变总时长；支持ease、linear、ease-in/out、steps()及cubic-bezier()自定义，需符合[0,1]参数范围，且transition与animation共用该属性。
-
本文详解如何在Angular模板中安全、高效地通过ngStyle动态设置表格行背景色，避免“Bindingscannotcontainassignments”解析错误，并推荐符合Angular最佳实践的函数式与状态驱动方案。
