-
父元素未触发BFC导致overflow:hidden失效，根本原因是其自身已脱离文档流（如设float、absolute或inline-block）；应改用display:flow-root（现代浏览器）或overflow:auto（兼容旧环境），并检查computedstyle确认最终生效值。
-
TypeScript不支持抽象静态方法，但可通过实例化前调用抽象实例方法、构造函数中提前验证，或结合Builder模式实现“类级别强制校验”的等效效果。本文提供可落地的三种解决方案，并重点推荐构造时验证的简洁实现。
-
Bootstrap4栅格失效主因是.row与.col-父子关系被破坏：.col-必须为.row直接子元素，否则Flex失效致竖排；嵌套时需在内层.row加mx-n2抵消padding，断点须显式声明最小尺寸如col-12col-md-6。
-
必须设且设为zh-CN——它明确表示简体中文+中国大陆规范，影响屏幕阅读器朗读、浏览器翻译、SEO及CSS:lang()伪类；设错或不设会导致语音引擎误用、翻译异常、SEO降级等问题。
-
用flex布局实现footer底部固定：父容器设display:flex+flex-direction:column+明确高度（或min-height），主体content用flex:1占剩余空间，footer自然贴底；避免absolute定位和height:100%。
-
:first-child伪类选择父元素中第一个子元素，且该子元素需匹配指定选择器。例如p:first-child选中作为首个子元素的p标签；若首个子元素为其他类型（如h2），则p:first-child不生效，此时可用p:first-of-type选中首个p类型元素。样式应用需注意子元素实际顺序，:first-child基于位置而非类型，结合:first-of-type更灵活可靠。
-
逻辑降级装饰器的核心目标是主逻辑不可用时自动退至备用策略且对调用方透明，需具备探活机制、备选路径和状态记忆与熔断三部分能力，通过高阶函数实现控制流与策略切换。
-
Base64不推荐用于WebSocket传图片，因编解码阻塞主线程、体积膨胀33%、内存拷贝冗余；应优先用Blob零拷贝直传，或ArrayBuffer做字节级控制，注意分片与MIME类型严格匹配。
-
高清屏下border:1px变粗或发虚是因为CSS逻辑像素与物理像素不匹配，需通过JS获取devicePixelRatio并结合伪元素缩放或渐变背景实现真正1物理像素边框。
-
form的target属性必须写在<form>标签上，值为_self、_blank等，用于指定提交响应的打开位置；常见错误是误加在按钮或JS中，且_blank易被浏览器拦截，可用隐藏iframe方案规避；SPA中应优先用fetch/axios替代。
-
input[type="date"]的min/max属性仅接受严格YYYY-MM-DD格式；错误格式如缺零、含时间或斜杠将导致静默失效，checkValidity()返回false；动态设置需用setAttribute或手动触发重绘；联动日期时须同步清空min/max。
-
Grid内容被挤压的根源是轨道未设下限且子项min-width未重置；需用minmax(280px,1fr)等组合配合min-width:0、overflow-wrap:break-word及缩小gap来协同解决。
-
enterkeyhint是HTMLinput/textarea的原生属性，用于提示移动端软键盘回车键文案（如“搜索”“发送”），仅Chromium系浏览器及Safari16.4+支持，Firefox不支持；需配合type、autocomplete使用才可能生效，非强制生效。
-
aria-flowto仅在当前DOM树内生效，不触发页面跳转；目标元素须存在、ID唯一、未被aria-hidden掩盖，且需tabindex="-1"或"0"方可被屏幕阅读器停驻。
-
translate属性是向浏览器翻译引擎发出的明确禁译指令，仅影响自动翻译行为；必须加在代码标识符、API路径、版本号、CSS类名等技术字符串上，且需注意继承例外与动态内容手动补全。
