-
绝大多数情况下应使用auto-fit，因其会合并空轨道使剩余列均分容器宽度；auto-fill则保留所有列轨道导致小屏下出现空白占位。
-
需用CSS变量接管Bootstrap颜色体系：在:root定义明色值，[data-bs-theme="dark"]中重写暗色值，并确保BootstrapCSS后加载；自定义组件须统一使用var(--bs-xxx)而非硬编码颜色。
-
用rgba()实现透明度动态化需确保第一个参数为Sasscolor类型（如$primary:#3498db），alpha用0–1小数；动态调色优先用transparentize()/opacify()；CSS变量无法在Sass中解析，运行时透明度需JS或HSL方案。
-
overflow:auto并非修复浮动溢出，而是触发BFC使父容器重新计算高度并包裹浮动子元素；它避免高度塌陷，但可能影响绝对定位、滚动行为及旧版Safari渲染。
-
PostCSS通过插件实现CSS压缩与优化，需安装postcss、cssnano和autoprefixer；配置postcss.config.js按顺序加载autoprefixer和cssnano；在package.json中添加构建脚本调用postcss-cli；集成至Vite等工具时自动应用，确保开发兼容性与生产压缩，插件顺序影响优化效果。
-
Python用os.path.getsize()获取文件字节数最直接，但对符号链接默认返回链接自身大小；需用os.path.realpath()解析真实路径，路径不存在或无权限时抛OSError。
-
纯HTML无法实现真正可用的旅游攻略页，因其缺乏交互、动态数据加载和响应式适配能力，仅能生成静态、低效、不可维护的页面。
-
正则表达式是JavaScript字符串处理的基础设施，必须掌握RegExp对象及match()、test()、replace()等方法；字面量简洁但不可拼接变量，构造函数支持变量但需双写反斜杠；不同场景应选用match、test、exec或replace。
-
展开运算符（...）是JavaScript中将可迭代对象解包为独立值的底层能力，用于数组合并、函数传参、浅拷贝、类数组转换等，但不支持深拷贝、null/undefined展开及原型属性继承。
-
行为验证码需先调用SDK的verify()获取有效ticket再提交表单，后端必须调用厂商验证接口校验三元组参数，且注意字段名、时间同步和Referer/IP白名单配置。
-
viewport是移动端页面正常显示的底线，必须写在<head>最前面且内容为width=device-width,initial-scale=1，缺一不可；否则iOSSafari默认按980px渲染，文字过小、布局错乱。
-
最稳妥做法是使用<asidearia-label="该话题已于2024年6月15日关闭讨论"><p>已关闭讨论<timedatetime="2024-06-15">2024年6月15日</time></p></aside>，语义清晰、屏幕阅读器友好且利于SEO。
-
外边距合并不是bug而是CSS规范行为：垂直相邻块级元素的margin-top/margin-bottom会取较大值合并。典型场景有相邻兄弟元素、父子塌陷、空元素自合并；推荐用BFC（如display:flow-root）、统一设margin-bottom、gap或微调padding/border来隔离。
-
富媒体摘要必须使用JSON-LD格式的<scripttype="application/ld+json">，且结构化数据需与页面可见内容严格一致；Article类型须含headline、datePublished、author等字段，image须为可访问的数组，datePublished等日期须为带时区的ISO格式。
-
img元素永远不匹配:empty，因其为替换元素且始终存在于DOM；可靠方案是onerror添加broken类，配合img.broken::after伪元素显示占位符，并注意object-fit下的定位错位问题。
