-
IE8及更早版本完全不支持GeolocationAPI，navigator.geolocation为undefined，必须先用if判断存在性再调用，否则直接报错；替代方案只能是IP定位或手动输入，Polyfill无效。
-
能彻底阻断DOMXSS，但仅当启用CSP头require-trusted-types-for'script'并确保所有危险DOM操作均通过TrustedTypes策略接口执行；否则防护失效。
-
order属性仅在display:grid或inline-grid容器的子项上生效，用于控制网格流中的视觉顺序，不影响DOM结构、可访问性及SEO。
-
浮动元素脱离文档流导致父容器高度塌陷，使页脚误判位置而上移；clear:both需作用于文档流中位于浮动后的块级元素，现代推荐用display:flow-root或overflow:hidden清除塌陷。
-
<p>生成器函数是用function*声明、返回Generator对象的特殊函数，yield用于暂停执行并产出值；它本身不处理异步，需配合能自动awaitPromise的执行器（如co或redux-saga）才可实现异步逻辑。</p>
-
color-contrast()是静态比较工具，需配合light-dark()或媒体查询适配深色模式，候选色须为字面量，不校验WCAG标准；DevTools对比度检测有局限，真实场景需手动验证。
-
应使用URL.createObjectURL()获取预览URL，比FileReader.readAsDataURL()更高效；需在更换图片前调用URL.revokeObjectURL()释放旧引用，避免内存泄漏，并用CSS的max-width/max-height和object-fit控制显示效果。
-
Emit不实现文件上传进度条，真正依赖的是前端XMLHttpRequest的upload.onprogress事件监听上传进度，后端只需常规接收IFormFile即可。
-
前端性能监控异步请求耗时应优先使用PerformanceAPI自动采集，通过performance.getEntriesByType('resource')获取完整阶段耗时；兼容旧浏览器需手动埋点并用requestIdleCallback延迟上报；须过滤缓存、重定向、CORS限制及cancel请求等干扰。
-
Word无法正确渲染现代CSS，需将样式内联、用table替代flex/grid、图片用绝对路径或base64；Pandoc配合--standalone和--css可转换但支持有限；python-docx需手动解析HTML；浏览器打印PDF再转DOCX易致文字图片化、格式错乱。
-
前端JavaScript错误追踪需建立闭环机制，首先通过window.onerror捕获运行时错误，获取错误信息、文件、行列号等数据，注意跨域脚本需配置crossorigin和CORS；其次利用window.onunhandledrejection监听未捕获的Promise异常，统一包装拒绝原因并上报；为还原现场，应采集堆栈信息、sourcemap反查源码位置，并附加浏览器、操作系统、URL、网络状态及操作历史等上下文，同时脱敏敏感信息；上报策略采用批量异步、设置采样率、优先级分级，结合本地缓存实现离线补
-
本文详解如何用纯CSS（calc()、Flex/Grid与背景技巧）构建1/3–2/3双栏布局，确保文字内容始终约束在1260px容器内对齐，同时背景色/图无缝铺满视口全宽，且在任意屏幕尺寸下与等宽（50/50）区块保持视觉一致性。
-
JS无法直接控制Spring事务传播行为，但可通过调用后端API间接影响事务执行。前端发送请求触发标注@Transactional的接口，后端根据传播行为（如REQUIRED、REQUIRES_NEW）决定事务处理方式。例如，提交订单时JS调用后端服务，该服务在REQUIRED事务中执行库存扣减与订单保存，确保原子性；若调用链涉及多个service方法，则传播机制决定事务复用或新建。为保障一致性，需将原子操作合并为单一接口，避免事务碎片化；JS应处理响应结果，提示用户回滚原因，并防止重复提交。后端需统一返
-
父元素高度塌陷是因浮动子元素脱离文档流导致父容器无法感知其存在；clearfix通过伪元素清除浮动最稳妥，overflow:hidden有裁剪风险，现代布局应优先使用Flexbox或Grid。
-
核心是用repeat(auto-fill,minmax(250px,1fr)))实现列数自适应：每列最小250px，剩余空间均分，auto-fill保持列宽稳定，gap控制间距；minmax第二参数禁用固定像素，推荐1fr。
