-
面包屑导航需手动维护而非自动推导，纯静态页中必须通过HTML硬编码或构建脚本注入路径映射，确保每级链接真实有效且语义正确，兼顾SEO、可访问性与用户体验。
-
flex-grow不生效是因为容器无剩余空间，取决于子项flex-basis总和是否小于容器尺寸；推荐用flex:1（即flex-basis:0%）替代单独flex-grow:1以确保等分。
-
Async/Await是Promise的语法糖，async函数必返回Promise，await仅在async内部有效，会将后续逻辑注册为微任务，需用try/catch显式处理错误，避免与.then()混用。
-
轮询阶段是Node.js事件循环的核心，负责处理绝大多数I/O回调，确保高性能和非阻塞特性。1.它首先检查timers和pendingcallbacks队列，优先处理其中的回调。2.然后执行poll队列中的I/O回调，直到队列为空或达到内部限制。3.若poll队列为空，会检查setImmediate队列，若有则跳到check阶段执行。4.若setImmediate队列也为空，则检查timers队列，等待最近定时器到期或新I/O事件。5.若所有队列均空且无定时器，事件循环将完全阻塞，等待I/O事件唤醒。开发
-
html2pdf.js在iOS设备上常输出空白PDF，根本原因是其将整个HTML内容渲染到单个Canvas元素中，而iOS对Canvas尺寸有严格限制（通常约4096×4096像素），超出即失效。
-
子元素margin会让父元素“被撑开”是因margin塌陷：子元素垂直外边距与父元素边界合并；触发BFC（如display:flow-root）可彻底解决，语义清晰且无副作用。
-
前端打印可通过多种方案实现，1.window.print()最简单但样式受限；2.iframe打印更灵活需处理内容加载；3.CSS@mediaprint可自定义打印样式；4.第三方库功能强但增加项目负担；5.后端渲染PDF最可靠但耦合前后端。选择方案需根据需求权衡，如简单打印用window.print()，样式控制可用iframe或CSS@mediaprint，生成PDF则选第三方库或后端渲染。解决样式错乱可通过定义打印样式、简化CSS、跨浏览器测试等方式。隐藏元素可用.no-print类加display
-
在React应用中实现移动端侧滑导航时，常因position:fixed的导航层未完全阻断触摸事件传递，导致用户滑动菜单仍可滚动背后内容。本文提供零跳转、无闪屏的纯CSS+JavaScript解决方案，精准锁定滚动并保持当前视口位置。
-
浏览器不支持原生HTMLinclude机制，纯静态HTML无法直接复用div；需用JavaScriptfetch动态加载、构建工具编译时注入或服务端模板引擎include实现。
-
本文介绍在Angular模板中高效判断布尔数组是否全部为false，并据此动态禁用按钮的完整实现方案，包含TypeScript方法封装、模板绑定及关键注意事项。
-
ES6的class本质是函数和原型链的语法糖，底层仍基于原型继承；它将class编译为带内部属性的函数，extends自动设置原型链与构造函数绑定，super()确保父类初始化this，super.xxx访问父类原型方法。
-
float:left在现代布局中不触发文字环绕，是因为父容器使用display:flex/grid、contain:layout或overflow:hidden等会创建新BFC的样式，隔离了浮动影响；shape-outside需同时满足float、display:block且不在隔离上下文中才生效。
-
可通过CSS的list-style:none属性彻底隐藏ul或ol列表的默认标记，也可用class精准控制、重置padding/margin、设置list-style-type:none、或用li::marker伪元素覆盖，确保无缩进且保持语义。
-
display无法直接过渡，因其为非连续值类型；应改用opacity+visibility模拟淡入淡出，或用max-height过渡实现收起展开效果，JavaScript控制时机更可靠。
-
利用flex-grow和媒体查询实现自适应导航栏：通过flex-grow让主菜单自动填充剩余空间，结合媒体查询在不同屏幕下切换布局，小屏隐藏菜单并显示汉堡按钮，中大型屏均分或居中导航项，实现响应式设计。
