-
应通过开发者工具Network面板检查CSS请求的Status、Response及Content-Type，结合浏览器直接访问和curl验证，排查路径、大小写、MIME类型、标签语法及构建配置等多方面问题。
-
msapplication-TileColor不生效主因是未与msapplication-TileImage成对存在；后者路径须为绝对、PNG格式、正方形、不透明、MIME正确，且需用户手动固定站点才能触发渲染。
-
直接写vw或rem在CSS-in-JS中易出错，因库默认为数字值自动添加px单位；须显式传字符串（如"16vw"）或使用clamp()等原生方案确保单位生效。
-
使用position:fixed和top:0可实现页眉固定在视口顶部，通过z-index确保层级优先，配合padding-top或占位元素防止内容被遮挡，并可添加box-shadow、transition和backdrop-filter优化视觉效果。
-
原生CSS的:has()在老浏览器中不可用，因其是CSSSelectorsLevel4新特性，仅Chrome105+、Firefox103+、Safari15.4+支持，IE和旧版Edge完全不支持；需用JS监听关键事件并切换class模拟，避免MutationObserver滥用。
-
-webkit-font-smoothing:antialiased仅在macOS/iOS的WebKit浏览器（Safari、Chrome、Edge）中生效，Windows/Linux完全忽略；其效果受系统渲染机制、字体支持、text-rendering设置及GPU加速等多重因素影响。
-
<p>Bootstrap5彻底移除jQuery依赖，基于原生DOMAPI和ES6+类实现组件交互；必须使用data-bs-*属性、bootstrap.bundle.min.js，并在DOM就绪后手动初始化实例。</p>
-
Flash被移除是浏览器集体淘汰私有插件，非HTML5不支持；其替代方案包括video/audio标签、Canvas+JS、WebAssembly等。
-
可通过navigator.connection.saveData检测用户是否启用省流量模式，仅HTTPS下可用且需兼容性判断；为true时可跳过非关键图片、禁用动画、延迟加载、关闭第三方脚本等，并结合@media(prefers-reduced-data)进行样式降载。
-
:active无法实现导航栏“点击后保持展开”，因其仅为瞬时伪类，不记录状态、不触发重排、不能配合display或max-height过渡；正确做法是用JS切换.active类并结合CSS过渡与可访问性支持。
-
现代项目不推荐用float实现三栏布局，因其本质是文字环绕而非页面布局，易导致塌陷、错位等问题；仅适用于兼容IE8或紧急修复遗留系统bug。
-
可用document.querySelectorAll('audio,video')判断媒体元素是否存在，但需注意执行时机；若需排除空壳元素，应检查src、source子元素或readyState；canPlayType()返回字符串而非布尔值，实际应用推荐监听canplay事件。
-
本文介绍一种结合visibilitychange与beforeunload事件的可靠方案，通过检测页面可见性状态来区分标签页关闭与页面刷新，从而精准触发清理逻辑（如清除sessionStorage、通知其他标签页、调用后端接口等）。
-
WeakMap和WeakSet通过弱引用实现内存安全的对象关联与状态跟踪。1.WeakMap以对象为键，用于私有数据封装、缓存计算结果和DOM元信息管理，对象销毁后键值对自动释放；2.WeakSet存储对象，用于防止重复操作、对象去重和临时标记，支持唯一性判断且不阻止垃圾回收；3.二者均不可遍历、无size属性，核心优势是避免内存泄漏，适用于需自动内存管理的场景。
-
iframe跨域嵌入需对方服务端配合，否则浏览器静默拦截；必须校验origin并用postMessage通信，sandbox和allow属性须精确配置，fetch+innerHTML仅得静态快照。
