-
用SCSS@mixin封装border三角箭头，核心是守住width:0、height:0、三边transparent三条底线；方向由设色边决定（如top箭头用border-bottom），大小仅由对应border-width控制，简写覆盖会破坏斜接关系，必须显式声明四边样式。
-
height:50%在Flex容器中不生效是因为CSS百分比高度需基于有明确height（非auto）的父容器，若Flex容器自身height为auto，则子元素height:50%退化为auto；须向上设置html、body及祖先元素的height或min-height（如min-height:100vh），且在flex-direction:column下应改用flex-basis（如flex:0060%）而非height；Safari14–15.6存在解析缺陷，不将display:flex父容器视为有
-
要高亮分页组件的当前页，最核心的方法是1.给当前页链接或其父元素添加特定CSS类（如active）；2.使用CSS选择器针对该类定义高亮样式；3.通过JavaScript或后端代码动态控制类的添加与移除。这种方法实现了样式与逻辑分离，提升可维护性、可读性和性能，且支持灵活的高亮效果扩展，如背景色、边框强调、底部指示器、文字加粗、微动画和渐变背景等。在不依赖JavaScript的情况下，可通过服务器端渲染直接输出active类实现静态高亮，但纯客户端动态高亮仍需脚本支持。
-
type="module"是浏览器的环境切换器，启用后整套脚本加载、解析、执行逻辑变为ES模块规范：import必须在type="module"脚本中使用，路径需带./或/且含扩展名，模块默认defer并按模块图顺序执行，作用域隔离，预加载用modulepreload，跨域需crossorigin及CORS头。
-
不能。Intl.Segmenter的granularity:'word'对中文仅按Unicode字符边界切分，返回单字而非语义词，不识别“人工智能”等词汇，仅适合轻量级可读字符数估算，无法替代jieba等语义分词工具。
-
必须用WeakMap而非普通Map或对象，因其对键仅持弱引用，不阻止垃圾回收；而Map/对象持强引用，会导致DOM节点或实例无法释放，引发内存泄漏。
-
ShadowDOM中文字颜色不是body所设，是因为虽color可继承，但用户代理样式（如a默认蓝色）优先覆盖；解决方法是在ShadowDOM内显式设置color:inherit或通过:host定义继承源。
-
HTML无法实现真正的301重定向，因为HTTP状态码由服务器决定，而<metahttp-equiv="refresh">仅触发客户端跳转（等效302），返回200状态码，不传递权重且影响SEO。
-
Bootstrap4不支持d-inline-flex，应使用.btn-group组件实现按钮并排，因其封装了边框合并、圆角统一和禁用状态联动等关键特性，手动添加display:inline-flex会丢失这些功能。
-
用gap属性在父容器设gap:8px可均匀分隔按钮；IE不支持则用margin-right和:not(:last-child)；按钮宽度不一用flex:1均分或flex:00auto保留内容宽；移动端需足够padding和min-height保障点击区域；响应式需flex-wrap:wrap配合flex-basis计算列宽。
-
需同时配置viewport元标签、调用FullscreenAPI、用CSS强制铺满并监听屏幕变化：1.viewport设width=device-width、initial-scale=1.0且禁缩放；2.手势触发requestFullscreen()并兼容前缀；3.CSS用fixed+100vh/vw+overflow:hidden模拟全屏；4.监听resize/orientationchange动态调整高度。
-
WeakSet适合做内部对象白名单，因其仅接受对象、不阻止垃圾回收、不可遍历且无size属性，可实现“存活即合法”的隐式契约；通过闭包封装提供allow/isAllowed接口，确保安全校验。
-
CSS全局冲突的本质是多源写入同一命名空间，真正有效的解法只有隔离：构建时（CSSModules）、运行时（CSS-in-JS）或人为划界（ID限定+prefix）。
-
shape-outside必须与float:left/right同时使用才生效，单独设置无效；最常见失效原因是未声明float，或父容器触发BFC（如overflow:hidden）阻断文字流，调试可启用ChromeLayout面板查看形状轮廓。
-
document.querySelector与classList.toggle是实现页面动态效果最轻量可靠的基础组合，应通过CSS类而非style.display控制显隐，用requestAnimationFrame替代setTimeout实现平滑动画，scroll/resize需节流，且需根据环境判断动效必要性与降级策略。
