-
最直接的文本居中方式是给父容器设置text-align:center，但仅对内部行内内容生效；Flex布局下应改用justify-content:center；绝对定位配合transform:translateX(-50%)适用于脱离文档流场景；禁用已废弃的<center>标签。
-
移动端CSS渲染卡顿主因是calc()与百分比嵌套引发强制同步计算及递归求值；应改用CSS自定义属性、语义化媒体查询、GPU加速动画、合理PostCSS配置及真机缓存调试。
-
推荐使用EventSource（SSE）或WebSocket实现实时物流消息推送，禁用轮询；优先选EventSource（轻量、兼容好、单向），需后端支持text/event-stream；WebSocket适用于需双向通信的场景。
-
纯前端即可实现实时BMI计算：监听input事件，用parseFloat清洗输入，按中国标准分类并toFixed(1)显示，校验非正数防止NaN，textContent更新结果。
-
懒加载是按需触发资源请求，非渲染完统一加载；loading="lazy"有兼容性差、无法监听状态等缺陷，推荐用IntersectionObserver实现，需注意保存引用、设置rootMargin、加载后取消观察及错误处理。
-
PKCE是移动端/SPA中替代client_secret的唯一合规方案，需用加密安全随机源生成43–128字符的code_verifier，经SHA-256哈希和Base64URL编码得code_challenge，授权请求带code_challenge与S256方法，换token时原样提交code_verifier。
-
优化懒加载白屏的核心是让白屏“不可见”或“可接受”，关键靠骨架屏过渡、轻量动效、预加载策略及明确的错误反馈。
-
HTML5中引入icon字体需通过<link>加载CSS文件，再用或<span>加类名渲染；不可用<img>加载字体文件。常见问题包括路径错误、类名不匹配、字体未加载或CSS冲突，应检查Network面板和Computed样式。
-
可用纯HTML+CSS实现Google首页静态视觉结构：顶部导航栏、居中搜索区（max-width:584px+flex居中）、底部flex布局的工具栏，关键用margin:auto、max-width和display:flex控制响应式布局。
-
本文详解如何使用useRef和document.addEventListener实现React下拉菜单的“点击外部关闭”逻辑，包含关键修复点、代码优化建议及防坑指南。本文详解如何使用`useRef`和`document.addEventListener`实现React下拉菜单的“点击外部关闭”逻辑，包含关键修复点、代码优化建议及防坑指南。在React中实现“点击下拉区域外自动收起”是一个高频需求，其核心在于：区分点击目标是否属于
-
CSScontent属性无法响应屏幕尺寸变化，必须配合媒体查询控制伪元素显隐；常见失效原因包括样式覆盖、display/visibility隐藏、空content值及布局塌陷；推荐移动优先写法并注意兼容性与布局抖动问题。
-
WebSocket连接超时时间不可运行时修改，DCDN平台该配置为静态项，仅控制台提交生效；Vite代理rewrite需用函数精确处理路径；Nginx须设proxy_http_version1.1并透传Upgrade头；SpringBoot注解端点路径不支持热重载。
-
直接写.btn--disabled更可靠，因框架不总在DOM写disabled属性，BEM修饰符显式可控、SSR友好、语义清晰、命名与状态一致、支持组合、避免嵌套和耦合、适配现代工具链且防构建误删。
-
canvas.toDataURL()导出失败主因是跨域污染，即drawImage跨域图片后canvas被标记为污染状态，导致返回空白或黑图；需用HTTP服务、设置crossOrigin且服务器支持CORS，同时注意DPR适配、格式兼容及Blob内存管理。
-
JavaScript性能优化核心是减少主线程负担、降低资源加载压力、提升执行效率，关键策略包括代码压缩（用Terser等工具精简语法、TreeShaking、图片字体优化）和懒加载（路由级、组件级、图片、第三方SDK按需加载），辅以减少长任务、避免强制同步布局、缓存计算结果及使用现代API。
