-
absolute子菜单总飘左上角是因为父级未设position:relative；它相对于最近非static祖先定位，若无则贴body；须确保直接父容器（如li.menu-item）设relative，且DOM无缝隙、交互全覆盖。
-
flex容器上设break-inside:avoid无效，因分页控制需作用于块级子项；必须为每个卡片等子项单独添加该属性，并确保无overflow:hidden、transform、绝对定位等干扰，推荐@mediaprint中降级为block布局。
-
根本原因是自定义CSS强制设置display:block或display:none，覆盖了BootstrapJS动态注入的内联样式；Collapse依赖JS切换.show类并写入style="display:block/none"，而高优先级CSS会锁死该属性，导致视觉无变化。
-
用<divrole="alert">实现语义化顶部警告横幅，配合position:fixed;top:0;width:100%;z-index:1000;和display:flex;align-items:center;布局，关闭时应调用element.remove()并处理焦点与可访问性。
-
直接用CSSfilter组合实现复古老照片色偏：sepia(0.8)contrast(1.2)brightness(0.9)hue-rotate(-10deg)，配合radial-gradient暗角和系统衬线字体，兼容方案用内联SVG滤镜兜底。
-
打印内容被截断或空白页多，核心是浏览器未合理处理分页逻辑；应优先用break-inside:avoid保持容器完整，慎用display:none，显式声明颜色与宽度，确保表头跨页复现，并将打印样式严格限定在@mediaprint块内。
-
CSS工具和框架本质不同：工具提升编写效率，如Sass、CSS-in-JS、PostCSS；框架提供现成样式，如Tailwind（原子类）、Bootstrap（组件化）、Materialize（设计系统）。选择取决于需求：统一管理用工具，快速搭建用框架。
-
HTML5中script标签的type属性可省略，默认为text/javascript；仅type="module"有实质性行为差异，启用ES模块系统；type="application/json"等用于存储非执行数据。
-
Bootstrap5按钮hover背景色不生效，因:focus/:active样式覆盖或权重更高；应同时定义:hover/:focus/:active三态，提高选择器特异性，并适配深色模式及Sass变量定制。
-
应检查JavaScript引擎兼容性、浏览器电源管理策略、系统字体渲染差异及固件安全限制：一查WebAssembly/SIMD支持；二调节能效模式；三校准文本测量；四降级加密与动态分配Worker。
-
优先选择语义最匹配的API：查找用find/findIndex，判存在用some；性能瓶颈时再用for+break优化。for循环最可控高效，find语义最强，for...of可读性好但有轻微开销。
-
HTML5本身不提供建模能力与3D渲染管线；所谓“建模”依赖WebGL（如Three.js）、WebGPU或SVG等技术实现；Three.js中遮挡由depthTest和renderOrder共同控制：默认depthTest开启，按Z值自动遮挡；关闭depthTest后则按renderOrder顺序覆盖。
-
Bootstrap导航栏用transform+transition隐藏失效，主因是未设fixed/absolute定位；应添加fixed-top类、避免overflow:hidden，并仅对.navbar根元素加transform动画，配合JS切换.hidden类实现平滑滑入滑出。
-
shift()方法用于移除数组第一个元素并返回该元素，原数组长度减1；若数组为空则返回undefined，且该方法会直接修改原数组。
-
flatMap()是JavaScript中先映射后浅层展平一层的数组方法，天然支持过滤+映射+展平三合一操作：保留项返回[value]，丢弃项返回[]，从而实现高效单次遍历处理。
