-
直接改.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适用于深度定制场景。
-
字体大小影响换行，但非唯一因素。font-size增大会增加字符宽度，可能导致换行，但实际换行还受容器width、white-space、word-wrap、word-break及文本内容影响。例如white-space:nowrap会禁止换行，即使字体很大；而word-wrap:break-word可让长URL在容器内断行。使用br标签或word-break:break-all可强制换行。响应式设计中，可通过媒体查询调整font-size和换行属性适配不同屏幕，确保布局美观。
-
链式调用需手动实现因JS原生方法默认不返回this；核心是每个方法末尾returnthis，终止方法如get()返回结果；易错点包括异步断裂、this丢失、混用返回类型及调试困难。
-
主栏设flex:100（可增长、不收缩、无基准宽），副栏设flex:00280px（不增长、不收缩、固定基准宽），容器需display:flex且明确flex-direction；默认flex-shrink:1会导致主栏被压缩，故必须显式禁用。
