-
media="print"样式未生效的主因是media属性拼写错误、未进入打印预览验证、或被更高优先级样式覆盖；需确保media="print"严格书写、通过打印预览调试、合理使用!important或@media内联规则。
-
最稳妥方案是overflow-x:auto+white-space:nowrap+position:relative，箭头用::after绝对定位于内容末尾，通过JS监听scrollLeft动态控制显隐，SVG内联实现高保真与可访问性。
-
<p>能，但需正确使用HTML属性作为JS交互契约：data-*提供安全钩子；disabled/checked等布尔属性须区分attribute与property；formaction等可减少冗余JS绑定。</p>
-
直接改.navbar类的background-color无效，因Bootstrapv5+默认用!important或嵌套在.navbar-dark/.navbar-light下；需提高权重、用CSS变量（如--bs-navbar-bg）、或精准选择器覆盖。
-
验证码必须在后端生成，前端仅展示和提交；后端需将明文存入session或Redis并返回captchaId，校验后立即销毁，Canvas绘制时注重干扰而非复杂度，图片URL须加时间戳防缓存，刷新验证码需前后端同步更新ID与值。
-
<inputtype="email">不会自动修正邮箱格式，仅做基础结构校验；高频错误如“gmil.com”需用JS在blur时针对性修正，并同步更新mailto链接。
-
应使用SassMap（如$breakpoints:("sm":576px,"md":768px)）统一管理响应式断点，通过map-get()安全取值、封装breakpoint()函数校验键存在性，并用@each遍历生成工具类，避免硬编码、字符串拼接和单位混用。
-
border-radius过渡失效主因是起始/结束值结构不一致（如10px20px→0）、单位混用（10px50%→0）、overflow:hidden裁剪异常、Safari旧版渲染毛刺；应统一参数格式、用CSS变量控制、显式声明transition、避免JS同步读取阻塞动画。
-
HTML无法获取最后活跃时间，需JavaScript配合localStorage或后端接口实现；应校准客户端时间、按需更新DOM、用formatTimeAgo格式化，并通过心跳或服务端过期机制处理标签页关闭场景。
-
JavaScript函数参数均为按值传递：基本类型传值副本，修改不影响外部；引用类型传地址副本，可修改属性但不能改变外部变量指向。
-
word-wrap/overflow-wrap失效主因是父容器未设width或flex子项缺min-width:0；break-word不断词优先，anywhere可断中文但影响阅读；IE需双写，且white-space:nowrap会覆盖换行。
-
使用::before伪元素结合content属性可高效添加图标标记，常用于按钮、链接等场景。通过content插入Unicode字符或字体图标（如FontAwesome），配合margin、vertical-align等属性优化布局与样式，实现无需额外HTML标签的轻量级装饰效果。注意仅用于非关键性视觉内容，确保可访问性与兼容性。
-
最简可用加载动画需满足：名字唯一，且含from和to（或0%/100%）；绑定到真实元素并确保其可见、有尺寸；用transform:rotate()而非left/top；JS控制启停以对齐请求节奏。
-
@supports是CSS条件规则，用于声明式控制样式是否生效，不触发网络请求；需全写属性+值，支持and/or/not组合，兼容现代浏览器但IE完全不支持，不能实现按需加载CSS文件，该由JavaScript配合CSS.supports()实现。
-
HTML5本身不支持原生可编辑流程图，需依赖第三方JS库：Mermaid适合只读渲染，diagrams.netiframe方案开箱即用可编辑，GoJS/JointJS适用于深度定制场景。
