-
子元素margin撑不开父容器是因外边距折叠，需触发BFC（如display:flow-root）；width:100%溢出因box-sizing默认为content-box，应设border-box；absolute定位需父设position:relative；Flex中margin:auto可居中，前提父为flex且未覆盖对齐属性。
-
HTML5确实有<article>标签，拼写错误（如带下划线）、未声明<!DOCTYPEhtml>或旧版IE兼容问题会导致其失效，表现为querySelector返回null或屏幕阅读器忽略。
-
flex-wrap有三个值：nowrap默认不换行，wrap允许换行，wrap-reverse反向换行；通过设置wrap可实现多行弹性布局，常用于响应式卡片排列，配合子项宽度和gap属性控制布局结构。
-
for循环防卡死需更新计数器、慎用浮点索引；异步循环应控节奏、避重复resolve；async/await勿将await置于条件外；批量请求用Promise.all分片；异步操作配AbortController设超时。
-
<h1>符号用于声明类的私有字段和方法，提供运行时硬性封装：仅类内部可访问，子类不可继承或访问，不参与原型链，支持初始化、getter/setter，但不支持计算属性、静态私有字段（暂未广泛实现）。</h1>
-
最直接的换行方式是使用<br>标签，它是一个空元素，用于在文本中强制换行；2.<br>与<p>的本质区别在于语义：<br>仅表示行内换行，无结构意义，而<p>表示一个独立段落，具有块级结构和默认上下边距；3.应在地址、诗歌等需精确行内断行时用<br>，而在组织逻辑段落时用<p>；4.其他换行或布局方式包括使用块级元素（如<div>）或CSS的display:block、white-space属性控制空白处理、以
-
<em>表示强调语气，用于传达重读、反讽或情绪张力；<i>表示非常规语义的特殊状态，如外文词、科技术语、船名等，不暗示强调。
-
现代项目不推荐用float实现三栏布局，因其本质是文字环绕而非页面布局，易导致塌陷、错位等问题；仅适用于兼容IE8或紧急修复遗留系统bug。
-
Html5-QRCode是省事、兼容性好、识别率够用的方案；jsQR仅解码，需额外处理视频流、权限、降级等数十行胶水代码，移动端易黑屏卡死且无文件上传fallback。
-
核心是用Map构建可按语言上下文快速索引、支持模板字段动态解析的键值调度层，充当语言维度的键值分发器而非翻译容器，实现模板与数据源间的协议适配。
-
本文介绍如何在MongoDB中针对嵌套文档（如characters.scores）实现“按日期去重更新”逻辑——若指定日期已存在，则更新其score值；否则追加新条目。核心依赖$[]与arrayFilters的组合，配合$set和条件定位实现精准操作。
-
JavaScript动态生成HTML能提升交互性与响应速度，实现数据驱动视图更新，支持组件化复用，并结合SSR优化SEO，是现代Web开发的必要手段。
-
柯里化闭包为动态SQL引擎提供参数分步捕获、作用域隔离与链式延迟求值范式，使SQL意图显性化、可复用、可预测；通过语义函数（如whereLike）、层级链式调用、自然收尾机制及闭包快照复用，实现高可读、类型安全、防注入的SQL构建。
-
掌握HTML布局需综合运用语义化标签、Flexbox、Grid、浮动及媒体查询：一用header/nav/main/section/footer构建结构；二用Flexbox实现一维弹性布局；三用Grid完成二维网格控制；四以float+clear兼容旧浏览器；五借媒体查询实现响应式断点适配。
-
width:100%触发横向滚动条是因为它基于父容器contentbox计算，而padding、border、margin或min-width会额外增加总宽度；需全局启用box-sizing:border-box并对媒体元素设max-width:100%。
