-
break-inside:avoid仅对正常流中触发BFC的块级容器（如display:block）生效，不适用于inline、flex/grid容器本身、绝对定位或浮动元素，且依赖父容器启用多列布局。
-
WebSocket是实时通信的底层协议而非替代方案，需对比SSE、长轮询等技术路径；必须使用场景包括高频双向推送如协作白板、行情推送、游戏同步；其不自动处理重连、心跳等，Socket.IO是兼容性妥协方案，原生WebSocket更优。
-
详情层闪退主因是悬停区域不连续，应将图片与详情层置于同一相对定位父容器内，用opacity过渡显隐；箭头用伪元素边框实现并随位置调整方向；需兼顾图片占位、可访问性及移动端适配。
-
用rotateY配合@keyframes实现卡片3D翻转，需设外层perspective、翻转容器transform-style:preserve-3d，正反面均backface-visibility:hidden，正面rotateY(0)，背面rotateY(180deg)，动画控制Y轴旋转，hover或JS切换触发，注意移动端适配与闪动优化。
-
父元素opacity会让子元素发灰，因其作用于整个渲染盒（paintingbox），使文字、图片等所有后代统一变淡；实际透明度为父级×子级乘积，无法用子元素opacity:1恢复；应改用rgba()仅控制背景等指定属性的透明度。
-
本文详解ForgeOSS服务中创建Bucket的完整流程，涵盖身份认证、请求构造、命名规范与常见400错误排查，帮助开发者快速定位并解决createBucket接口调用失败问题。
-
根本原因是404路由被提前注册在静态路由表中，刷新时动态路由未加载即被匹配；应初始仅含免权限路由，登录后按序注入基础路由→动态路由→404兜底路由。
-
因为Flex布局中width只是初始参考值，真正起效的是flex-basis；默认flex-shrink:1会导致子项在空间不足时被压缩，需设flex-shrink:0或flex:00200px来锁定尺寸。
-
HTML5Canvas文本绘制需调用2D上下文方法：一、fillText绘制实心文本，需设置font、fillStyle及坐标；二、strokeText绘制描边文本，需配置strokeStyle和lineWidth；三、textAlignment和textBaseline控制对齐与基线；四、measureText测量宽度以实现动态布局；五、手动分词+逐行fillText实现多行换行。
-
用MutationObserver监控DOM必须限定目标容器、关闭冗余选项、回调内轻量匹配，修复前先disconnect()，否则易拖垮性能或引发死循环；只监听具体业务节点，禁用全量监听body，配置childList/subtree/attributes铁三角，回调中精准校验变更类型与特征，修复前断开观察器。
-
本文说明：fetch请求返回404时浏览器自动输出错误日志是底层行为，无法通过JavaScript清除或屏蔽；正确做法是主动捕获网络异常、避免触发默认错误打印，而非试图清除控制台。
-
必须用CSS变量存头部高度，因为JavaScript动态获取的offsetHeight会受缩放、字体加载、行高变化影响而波动，硬编码像素值易错位；CSS变量能将真实渲染高度同步给CSS，确保transform或margin-top精准抵消占位。
-
Proxy是JavaScript中唯一能拦截并自定义对象基本操作的机制；它通过handler对象定义get、set等拦截函数，需显式实现逻辑，否则透传；无法自动深度代理嵌套对象，且必须用Reflect委托默认行为以避免语义破坏。
-
HTML原生不支持下拉刷新，需用touch事件结合scrollTop判断顶部状态实现；pullDownAction中须控制加载态、安全更新数据源与DOM，并确保滚动上下文一致。
-
直接用ESLint配合no-console规则即可在开发阶段自动提醒冗余console，无需手写AST解析器；它基于AST静态分析，支持配置白名单、适配自定义logger、编辑器实时提醒及自动修复。
