-
本文介绍如何在React中正确监听浏览器后退操作（如点击返回按钮），并在弹出确认模态框后，根据用户选择执行登出等关键业务逻辑。
-
Tween.js仅计算数值插值，不操作DOM或渲染层；需手动配合requestAnimationFrame调用TWEEN.update()驱动动画；多tween不可同时作用于同一属性，应聚合更新或用onUpdate同步。
-
要选中未被勾选的复选框，应使用:not(:checked)伪类控制关联元素（如label或其子元素）样式，而非直接设置复选框本身；推荐默认设未选中态样式，再用:checked覆盖已选中状态，以提升兼容性与可维护性。
-
提升网页交互性需完善表单验证、事件监听、语义化标签、模态窗及视觉反馈。一、通过required、type、pattern等属性强化表单校验；二、用onclick或addEventListener绑定事件实现动态响应；三、采用<nav>、<button>等语义化标签并结合aria属性提升可访问性；四、利用JavaScript控制模态框显示/隐藏并异步加载内容；五、通过伪类样式、按钮禁用、过渡动画和加载提示优化操作反馈，全面提升用户体验。
-
HTML页面语言通过<html>标签的lang属性设置，1.设置lang属性可提升SEO和可访问性，搜索引擎依此匹配用户语言，屏幕阅读器据此选择正确发音；2.主要语言设置示例为lang="en"或lang="zh"，还可细化为lang="zh-CN"或lang="zh-TW"；3.lang属性可应用于任何HTML元素，用于标识局部内容语言，如引用中文时使用lang="zh"；4.hreflang用于链接标签，表明目标页面语言，而lang用于当前内容语言；5.lang属性设置错误会导致搜索引擎误
-
在JavaScript中，处理Promise的链式调用使用.then()处理成功结果，.catch()处理错误。优点包括：1.可读性高，2.统一错误处理，3.值传递方便。注意事项：1.错误传播需谨慎，2.长链可能影响性能，3.避免嵌套Promise。最佳实践：1.使用async/await，2.确保错误处理，3.避免过长链，4.使用Promise.all()并行处理。
-
变量提升指声明被提前至作用域顶部，但仅声明被提升、赋值不提升；var声明访问未初始化变量得undefined，let/const因TDZ抛ReferenceError；函数声明全提升可前置调用，函数表达式仅变量名提升。
-
字体图标乱码主因是浏览器未加载到字体文件，需按路径→格式→名称→编码四步排查：检查CSS中@font-face路径是否正确（相对CSS文件）、格式是否齐全（woff2/woff/ttf/eot）、font-family名是否完全一致、Unicode编码是否匹配字体真实glyph。
-
实现平滑hover过渡需在默认状态使用transition属性，指定属性变化的持续时间与缓动函数，如background-color0.3sease；可同时过渡多个属性，推荐明确指定而非使用all以提升性能；确保transition定义在常态样式中，避免收回时无动画，从而实现自然流畅的交互效果。
-
使用linear-gradient创建渐变按钮，结合Flexbox或Grid实现响应式布局。1.设置45度紫色到蓝色渐变背景，添加圆角、内边距和悬停上移动效；2.Flex容器通过flex-wrap和媒体查询在小屏下切换为纵向排列；3.Grid容器利用auto-fit与minmax实现自适应网格，确保多设备兼容；4.添加视口标签，采用相对单位优化可读性与点击区域，保证深色模式对比度。
-
JavaScript是一种运行在浏览器中的动态编程语言，由引擎直接解释执行；它与HTML（结构）、CSS（样式）协同实现网页行为，支持多范式编程，通过事件循环处理异步任务，嵌入方式包括内联、内部和外部脚本。
-
float不推荐用于图文环绕，因其易导致父容器塌陷、需清除浮动、响应式难控且与现代布局混用易出错；W3C已将其列为遗留机制；现代首选是配合float使用的shape-outside属性，可精确控制文字绕行轮廓。
-
JavaScript的Set是存储唯一值的内置集合，用于去重、存在性判断和集合运算；与数组相比，它拒绝重复、无索引、不保证遍历顺序，提供add/has/delete等高效集合操作。
-
非关键CSS应延迟加载以避免阻塞渲染，推荐用JS动态创建link标签并设media="print"暂抑应用，加载完成后再切为media="all"；rel="preload"仅预加载不自动应用，async对link无效。
-
WeakMap通过弱引用对象键避免内存泄漏，适用于缓存、私有数据存储、对象状态追踪及框架内部元数据管理，确保对象销毁时关联数据自动回收。
