-
多选控件必须配合JavaScript实现批量逻辑，包括手动获取选中值、防抖节流、适配后端接口格式（如数组查询或JSONbody）、事件委托处理动态元素、过滤后全选范围控制及前后端状态一致性保障。
-
align-self没生效的根本原因是父容器未启用flex布局或交叉轴无可用空间。需检查display:flex、flex-direction、父级高度约束、中间层min-height/min-width设置及box-sizing影响。
-
SASS嵌套与BEM结合易导致维护困难，因深层嵌套生成冗余选择器、增加权重、破坏BEM解耦初衷；应限制嵌套范围、独立声明BEM类名、合理使用变量与mixin、采用@use/@forward模块化，并在跨组件、伪类、媒体查询等场景放弃嵌套。
-
nextAll()向后查找所有兄弟元素，prevAll()向前查找所有兄弟元素，二者方向相反，均可通过选择器过滤，用于操作前后同级节点。
-
新手写HTML最易出错的是结构逻辑混乱，如head/body混用、嵌套不闭合、语义乱用；须显式闭合标签、正确使用语义元素、属性值加双引号、id规范命名，并对比源码与渲染DOM树。
-
是，现代CSS新特性在旧版浏览器中大概率需厂商前缀才能生效，如clip-path、backdrop-filter、gap在Flexbox中；Autoprefixer仅添加仍有实际意义的前缀，行为由browserslist精确控制。
-
背景图片遮罩本质是叠加半透明色层，通过bg-gradient-to-t与bg-[url(...)]多背景实现顶部渐变遮罩，需注意背景书写顺序（先渐变后图片），或用before伪元素实现更灵活控制。
-
用linear-gradient实现分段颜色进度条需将色标百分比与业务阈值严格对齐（如0%–30%蓝、30%–70%黄、70%–100%红），配合overflow:hidden容器和动态width控制显示长度，确保无缝衔接、无跳变。
-
动态替换<link>的href是最轻量兼容的多主题切换方式，需用JS提前加载新CSS并延迟激活以避免FOUC，所有变量必须平铺在:root中且结构一致，主题状态仅存localStorage字符串即可。
-
JavaScript中Boolean()显式转换的falsy值仅有6个：false、0（含±0）、''、null、undefined、NaN；其余均为truthy，包括'0'、'false'、[]、{}、函数及newBoolean(false)等对象。
-
for...in用于遍历对象可枚举属性，包括继承属性，需用hasOwnProperty过滤自身属性；遍历数组时不保证顺序且会遍历非数字键，建议使用for...of或forEach；key始终为字符串类型，Symbol属性不会被遍历。
-
本文详解如何在网页初始化时通过GET请求从Express+PostgreSQL后端拉取数据，并动态填充HTML表格，实现“页面一打开就显示最新数据”的完整流程，含代码示例、关键注意事项与最佳实践。
-
WebRTC支持P2P传输，但需满足三条件：正确addTrack()、配置有效iceServers（含STUN/TURN）、完整交换ICE候选；任一缺失均导致黑屏或iceConnectionState卡住。
-
应使用<del>标签配合CSS强化样式实现删除线，避免使用已废弃的<s>；<del>语义明确且可无障碍支持，需通过CSS如del{text-decoration:line-through;color:#d32f2f;}提升视觉效果。
-
<nav>标签非强制但至关重要，它为屏幕阅读器、键盘导航和搜索引擎提供导航区域语义；滥用或缺失会导致无障碍问题，如Tab跳过导航、NVDA无法识别、Lighthouse报错。
