-
响应式断点失效主因是媒体查询语法错误、CSS优先级覆盖或未统一使用min-width体系；需检查括号/单位/大小写规范，确保viewport标签完整，并用开发者工具验证样式是否被覆盖。
-
外边距塌陷是CSS规范定义的垂直相邻块级元素margin合并行为，发生在父子或兄弟块间；行内、浮动、绝对定位元素不参与；可用BFC（如display:flow-root）或border/padding/flex等轻量方式解决。
-
严格模式是一种让JavaScript代码在更严格条件下运行的模式，禁用不安全语法、抛出明确错误以提升代码可靠性；可通过"usestrict"在脚本或函数顶部启用，现代模块中已自动启用。
-
accept属性仅优化文件选择体验，不提供安全校验；真正有效的文件类型校验必须由后端通过Content-Type和文件头（magicbytes）完成，前端需配合扩展名正则和多端真机测试。
-
优先用display:flow-root触发BFC清除浮动，语义清晰副作用小；兼容IE8则用::after伪元素清除；clear:both仅对紧跟浮动后的块级盒生效，遇flex/grid或inline元素即失效。
-
解构赋值是JavaScript中改变取值方式的底层机制，支持嵌套、重命名、默认值及函数参数解构，但需防范null/undefined报错、性能开销与默认值陷阱。
-
HTML文件需先格式化再diff，否则90%差异为格式噪音；推荐tidy或prettier标准化，浏览器端用diff2html可视化，语义级对比须用lxml或html5lib解析DOM树。
-
本文详解如何在不依赖Express的纯Node.js环境中，正确响应HTML、CSS、图片等静态资源请求，解决因路由未适配导致样式和资源失效的问题。
-
@use替代@import是构建高效Sass布局框架的起点，它通过命名空间隔离变量/混入、杜绝隐式覆盖、支持未用代码剔除；layout/仅含容器关系类文件（如\_grid、\_container），不含组件语义内容；应禁用@extend防止选择器污染，改用@include复用布局逻辑。
-
不能用opacity设置背景透明，因为它会作用于整个元素及所有子元素，导致文字、边框、图标等同步变淡甚至叠加衰减；应使用background-color:rgba()仅控制背景色透明度，保持内容清晰可读。
-
根本原因是浏览器默认table-layout:auto会因内容动态计算列宽，小屏下易被长文本撑开导致溢出；须改用table-layout:fixed并配合width:100%和显式列宽（如width:20%）或堆叠/滚动等场景化方案。
-
pending阶段主要处理上一轮事件循环中被推迟的系统级I/O回调，如错误处理或资源清理。1.它确保操作系统层面的异常（如TCP连接错误）能被及时处理；2.作为poll阶段的补充，负责执行poll阶段未能处理的待定回调；3.与poll阶段协作，分离主流程与异常处理，提升事件循环的健壮性；4.开发者日常无需直接关注，但在排查底层I/O问题时具有参考价值。
-
必须加消抖（debounce）而非节流，因scroll事件频率远超渲染帧率，裸写位置计算会导致高频重排重绘、侧边栏跳动及页面卡顿；推荐150ms延迟并用clearTimeout清除旧定时器，或改用IntersectionObserver实现零开销吸顶效果。
-
高性能前端框架插件动态挂载的核心是用具名export组织可按需加载、独立作用域、类型明确、无副作用的模块单元：需导出标准接口对象（含name/setup/install等字段），禁用defaultexport；配合import()实现运行时动态加载与代码分割；同步导出TypeScript类型保障生态一致性；所有副作用须收敛至setup/install内，确保可卸载。
-
Math.round()仅四舍五入到整数，不能直接保留小数位；正确做法是用toFixed()配合parseFloat，或使用加Number.EPSILON修正的放大取整法，且应在最终展示前统一处理。
