-
strong和em分别表示“高重要性”与“语气强调”，非单纯加粗斜体；b和i是无语义的视觉标签，适用于关键词、术语等场景。
-
使用jsPDF生成PDF需合理设计文档结构，通过模块化函数组织页眉页脚、内容区域及分页逻辑，结合html2canvas或autoTable插件处理复杂布局，利用坐标系统控制文本对齐、表格绘制与图片嵌入，实现专业排版。
-
应将间距变量统一定义在:root中，如--spacing-xs:4px；组件中用var(--spacing-md)且必须带单位；避免嵌套fallback和calc单位不一致；命名需对齐设计语言（如--space-s），并注明适用场景。
-
本文介绍如何使用jQuery精准筛选并隐藏「不包含指定文本（例如``）」的父级元素，重点解决基于子元素ID定位父元素后，按其内部文本内容进行条件隐藏的典型需求。
-
display属性通过不同值控制元素的显示方式和布局行为。1.block生成块级框，独占一行并可设置宽高和边距；2.inline生成行内框，并排显示但无法设置宽高及垂直边距；3.inline-block兼具行内与块级特性，允许设置所有尺寸属性且并排显示；4.none隐藏元素且不占空间；5.flex创建弹性容器，用于一维布局；6.grid创建网格容器，支持二维布局。理解这些值的区别及应用场景是掌握CSS布局的关键。
-
最稳妥解法是用高质量响应式poster图替代背景视频。通过三层媒体查询适配不同屏幕，以background-image加载并控制缩放定位，确保视觉连贯性；移除video标签避免兼容问题，必要时用picture实现源切换。
-
正则性能差异核心在于回溯量：贪婪模式易致指数级回溯（如/a+b+c/在失败时），非贪婪虽回溯逻辑不同，但成功匹配时贪婪更快；优化关键为避免嵌套量词、使用原子组或明确边界。
-
npm是JavaScript项目的依赖管理工具，通过package.json声明契约、package-lock.json锁定精确版本，需用命令安装依赖而非手动修改文件，且必须提交lock文件以确保环境一致。
-
add()方法用于将新元素添加到当前匹配集合中并返回新对象，例如$('p').add('span')可同时操作p和span元素；支持选择器、DOM元素或jQuery对象作为参数，如$('p').add(document.getElementById('myDiv'))或$('p').add($('a'))；该方法不修改原始集合，元素按文档顺序排列且不重复添加，适用于需对多个无关元素统一操作的场景。
-
子容器不占父容器高度是因浮动导致父容器高度塌陷，需在最后一级浮动子元素的父级上清除浮动；display:flow-root可替代clearfix建立BFC，flex/grid布局更推荐彻底规避问题。
-
应在主CSS入口文件中，于@tailwindbase之后、@tailwindcomponents之前用@layerbase写全局Reset；禁用preflight后需手动补box-sizing和表单重置；避免@apply在base中使用响应式/状态类，推荐直接写CSS声明。
-
@import用于CSS中导入样式表，实现模块化管理，语法为@import"file.css"或@importurl("file.css")并可加媒体查询，需置于文件开头。
-
本文介绍如何在NestJS中基于TypeORM的QueryBuilder实现按数组字段（如category:string[]）精确匹配筛选，解决simple-array类型字段的模糊/包含式查询问题，并提供可复用、类型安全的分页查询方案。
-
本文详解在HTML表单中实现「单选按钮触发子级单选组及对应内容区域」的完整方案，重点解决因CSS类声明顺序导致的.shown样式被覆盖、子级内容无法显示的问题，并提供可复用的jQuery事件绑定逻辑与结构化HTML模板。
-
auto-fit配合minmax()是实现响应式Grid布局最简洁高效的方式——每列最小250px、最大均分空间，屏幕缩小时自动减少列数并撑满容器，无需媒体查询或JS。
