-
overflow-wrap不生效的主因是容器未设宽度限制；需配合width/max-width、清除浮动、避免white-space:nowrap冲突，并兼容书写word-wrap。
-
移动端轮播图核心是保障流畅交互：需禁用原生滚动干扰（passive:false、touchMoveStopPropagation:true），避免加载抖动（aspect-ratio/伪元素占位）、自动播放需响应用户操作并延迟重启（≥1.5秒）。
-
最基础的跳转是<ahref="xxx">点击</a>，但易因路径错误、协议缺失或目标页不存在而失败；应优先用绝对路径（外链带协议，内链用根相对路径），避免空href、#或javascript:void(0)等副作用写法，传参需URL编码，SPA中须用框架路由组件而非原生a标签。
-
CSRF漏洞指攻击者冒用用户身份发起未授权操作，防御需结合CSRFToken、SameSiteCookie等机制，通过验证请求来源与身份绑定防止跨站请求伪造。
-
justify-content:space-between未生效的常见原因包括父容器未设display:flex、子元素过少（需≥2个）、子元素被设为flex:00100%或margin:auto抢占控制权，以及column方向下父容器缺少明确高度；其与space-around、space-evenly的核心区别在于首尾子元素是否留白；IE11不支持space-evenly，且对flex:1和flex-wrap:wrap兼容性差。
-
可通过在线编辑器、本地文件或集成环境运行HTML代码。一、使用在线代码编辑器：在豆包聊天界面输入指令并附带HTML代码，系统将调用JSFiddle等工具生成预览链接，点击即可查看渲染效果。二、借助本地文件方式：复制代码至文本编辑器并保存为index.html，通过设备浏览器打开文件实现离线预览。三、利用豆包集成开发环境：发送完整HTML代码并注明“请在开发环境中运行此代码”，系统将启动模拟浏览器组件，在弹出窗口中实时展示页面效果。
-
DevTools是调试JavaScript最高效工具，Console和Sources面板覆盖90%需求；debugger语句轻量但依赖执行路径，Sources断点更可控，支持条件、XHR、DOM等断点；需启用sourcemap和禁用缓存；console.table/group/trace提升日志效率；断点失效常因动态加载、模块延迟、eval或sourcemap失配。
-
用@mixin按职责拆分按钮逻辑（尺寸、变体、状态），配合CSS变量实现主题切换与深色模式响应，禁用态需显式重置颜色，一律用@include而非@extend。
-
首先创建DynamicWebProject项目，在WebContent下添加HTML文件，接着右键HTML文件选择RunonServer并配置Tomcat服务器，最后通过localhost地址在浏览器中查看运行效果。
-
linear是匀速过渡，属性值以恒定速率变化，如opacity500ms内每100ms增加0.2；ease则缓入缓出，对应cubic-bezier(0.25,0.1,0.25,1)，模拟真实惯性运动。
-
本文介绍如何使用chrome.storage持久化保存用户操作（如“Omit”按钮开关状态），并在页面加载时自动恢复行为；同时提供基于WebAPI的实时敏感词过滤集成方案，兼顾本地性能与云端更新能力。
-
通过隐藏原生复选框并结合:checked与::before伪元素，可自定义复选框样式。1.使用appearance:none隐藏默认样式；2.利用::before创建带边框的方块作为外观；3.在:checked状态下改变背景色并显示对勾；4.可选使用::after绘制更精确的对勾图形，实现美观且兼容的自定义效果。
-
用::before伪元素画箭头需设content:""、position:absolute、width:0、height:0，仅保留单方向实色边框（如border-top:8pxsolid#333）与另三向透明边框，利用边框交汇“挤”出三角形；箭头方向由实色边框方向决定，水平居中用left:50%+transform:translateX(-50%)。
-
link标签必须放在head里，否则因浏览器自上而下解析会导致样式未就绪即渲染，引发闪屏或错乱；rel="stylesheet"不可省略，href路径需准确，且应优先使用link而非@import或内联样式。
-
本文详解如何在异步操作（如MSAL登录）成功后，安全、高效地触发依赖ReactQuery的自定义Hook，避免“hooks不能在条件或函数中调用”的错误，并通过enabled:false与refetch()实现按需数据获取。
