-
直接加flex-sm-column就能实现小屏垂直、中屏及以上恢复水平，无需JS或自定义CSS；flex-column在手机上没生效是因为它作用于所有断点，而响应式需用flex-sm-column配合flex-md-row且顺序不能颠倒。
-
BEM类名不能替代Bootstrap语义类，必须共存于class属性中；否则Bootstrap样式因选择器不匹配而失效。
-
manifest属性在现代HTML中已完全失效，Chrome93、Firefox95、Safari16.4起彻底移除AppCache，使用<htmlmanifest="app.manifest">将静默失效；替代方案必须用ServiceWorker+CacheAPI。
-
navigator.share需满足HTTPS、用户手势触发、顶级上下文三条件，iOSSafari16.4+才支持；应优先用navigator.canShare检测并try/catch调用，微信内完全不支持，需降级至JS-SDK或手动分享引导。
-
Flex布局不支持gap属性。CSS规范限定gap仅适用于Grid和多列布局，Flex中使用gap无效，部分浏览器的row-gap/column-gap属非标准扩展且不可靠；Grid中gap原生支持，可设为单值或双值，IE不支持。
-
本文介绍如何安全地管理基于requestAnimationFrame的倒计时定时器，避免因DOM元素被AJAX动态移除导致的“Cannotreadpropertyofnull”错误，核心是每次更新前校验目标元素是否存在，并在元素消失时主动终止动画帧循环。
-
应使用aside，它是唯一语义正确的标签，表示与主内容相关但可独立成块的补充信息；footer用于页脚，语义不符且破坏文档结构。
-
因DPR>1导致1pxCSS像素被渲染为多个物理像素而变粗；伪元素+scaleY(0.5)+transform-origin可精准控制细边框，避免缩放主体内容、圆角变形等问题。
-
设body背景无效主因是高度不足、默认margin和层叠覆盖；需设margin:0、min-height:100vh，优先用html背景控制视口，注意深色模式干预与background简写清空规则。
-
WeakMap能解决DOM节点元数据绑定的内存泄漏问题：它弱引用节点，节点被移除后元数据自动清理，避免强引用导致的无法回收。
-
Less无法直接实现counter-reset和counter-increment自动递增，因其是编译时预处理器，而CSS计数器依赖DOM结构和运行时渲染；应仅用Less生成基础样式骨架，由浏览器执行计数逻辑。
-
:focus表示元素获得焦点，常用于输入框高亮和表单验证，支持键盘导航；:active表示元素被激活，如鼠标按下时的瞬时状态，多用于按钮点击反馈。两者结合可提升交互体验与可访问性，建议保留或自定义outline，避免仅依赖颜色变化，并确保移动端响应及时，自定义组件需添加tabindex以支持聚焦。
-
01.通过浏览器“另存为”可保存网页HTML及资源；02.手动复制源码并粘贴到编辑器中保存为.html文件；03.使用开发者工具复制完整DOM结构以获取动态内容，适用于JavaScript生成的页面。
-
上下漂浮动画需用@keyframes定义transform:translateY()周期性偏移，配合infinite循环、ease-in-out缓动及hover触发，位移控制在±8px内，容器需预留行高并设overflow:hidden防布局跳动。
-
应将统计脚本置于index.html的<head>末尾，禁用defer/async和DOMContentLoaded包装，确保首屏行为采集；GA4需用G-开头ID并先执行gtag('config')；百度统计须防hmt.js重复加载；本地开发需通过hostname判断屏蔽上报。
