-
徽标文字颜色对比度不够时，应确保小字号文字与背景的对比度达WCAGAA标准4.5:1；例如红底配白字需验证是否达标，推荐用WebAIM工具检测，必要时加深文字色或降低背景亮度。
-
<p>Less加减法必须单位一致，因编译期静态类型检查禁止跨单位运算；%与px混用如100%-20px会报错，需统一为无单位小数、换算为px或改用calc()字符串插值。</p>
-
二维布局需求出现时应优先用display:grid，因其天然支持行列控制、跨行跨列、网格模板和区域声明；一维线性排列则用flex更轻量高效。
-
BroadcastChannelAPI是浏览器提供的同源跨标签页通信方案，通过创建命名频道实现消息广播；支持postMessage发送消息和onmessage或addEventListener接收消息，适用于登录状态同步、数据共享等场景；需注意仅同源通信、不保证消息顺序与送达、需手动关闭通道，且IE不支持、老版Safari有限兼容。
-
JavaScript是通用语言，初学者应先用浏览器Console验证console.log；避免var，优先用const/let；本地开发需HTTP服务而非file://；DOM操作须确保元素已加载。
-
<p>TailwindCSS本身不支持auto-fill或auto-fit，因其未提供对应utility类，且grid-cols-*不解析repeat()函数；必须手写CSS（如@layercomponents定义.cards-grid）才能真正使用auto-fill。</p>
-
HTML模板更新后页面仍显示旧内容，根本原因是多层缓存未彻底清理：ServiceWorker、CacheStorage、CDN及HTTP强缓存均可能拦截请求；仅Ctrl+F5无效，须按浏览器级→站点级→服务端级顺序清除，并配合URL版本化或构建哈希确保资源更新。
-
直接用fill:currentColor即可实现SVG图标颜色随文本色变化，但需满足三个前提：SVG内联、无内联fill覆盖、fill作用于path等具体图形元素；color:red对SVG无效因其填充由fill控制，非color属性。
-
引入SemanticUI的CSS、JS及jQuery；2.使用.ui.modal结构定义标题、内容和操作区；3.通过JavaScript调用modal('show')等方法控制显示与交互，快速实现功能完整的模态框。
-
绝大多数情况下应选position:fixed，因其直接锚定视口、不依赖滚动上下文；sticky仅在父容器有明确高度与滚动约束且需随内容自然进退时适用，失效主因是缺乏有效滚动容器或祖先元素触发新层叠上下文。
-
纯CSS放大镜效果核心是用CSS变量动态计算background-position以实现背景图局部放大并跟随鼠标，需配合background-size拉伸、JS实时更新--x/--y变量，并做坐标归一化与性能优化。
-
D3.js是数据驱动的SVG可视化库，需手动绑定数据与DOM元素，适合深度定制；通过select、data、enter、attr等方法构建图表，配合scale、axis、transition实现映射、坐标轴和动画。
-
内联样式权重最高是规范强制设计，不参与选择器权重计算而直接生效；唯一合法覆盖方式是外部样式中带!important且能命中元素。
-
JavaScript日期对象初始化需注意时区差异和字符串解析歧义，应优先使用数字参数或带时区的ISO格式；获取年月日等值须用getFullYear()等现代方法；格式化推荐toISOString()截取或padStart()补零；加减月份需警惕溢出，建议用专业库处理。
-
navigator.languages数组可获取用户语言偏好顺序，是构建权重表的原始依据；按精确匹配（100分）、语言主干匹配（70分）、回退匹配（40分）三级打分，生成带权重的预加载策略表。
