-
应使用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。
-
Sass中通过@for、@each和@while指令可循环生成CSS类。①@for用于生成编号类，如.col-1至.col-12，按比例设置宽度；②@each遍历列表或映射，适合生成颜色类如.text-primary，绑定名称与值；③@while在条件成立时持续生成类，如.item-1到.item-5，需手动更新变量防死循环。合理选用循环方式可减少重复代码，提升维护效率。
-
Flex子项宽度应由flex-basis精确控制，而非依赖width；需配合box-sizing:border-box、min-width:0及内容溢出限制，避免隐式计算偏差。
-
ThemifyBuilder图片模块对齐失效主因是CSS优先级冲突，需检查父容器样式、Flex布局影响及响应式断点设置，并通过自定义CSS类精准控制。
-
确认scroll-snap-type生效必须满足三条件：滚动容器设overflow-y:auto/scroll、内容高度超容器、容器为直接滚动上下文；失效主因是DevTools对齐线不可信，应以滚动停顿位置和getComputedStyle().scrollSnapAlign为准。
-
BEM与Sass嵌套冲突因后者生成层级选择器（如.card.card__title），而BEM要求扁平化（.card__title）；应禁用普通嵌套，仅用&__element/&--modifier，状态用修饰符而非伪类，变量与类名解耦，块名全局唯一并加前缀。
-
掌握TailwindCSS的工具类思维可大幅提升布局效率。通过flex和grid类快速实现对齐与响应式卡片布局，结合gap、padding、margin等原子类控制间距，利用container和mx-auto居中内容，并使用sm:、lg:等响应前缀直接在HTML中处理断点，无需编写CSS文件，结构清晰且易于维护。
