-
浮动与定位的核心区别在于对文档流的影响及使用场景。①浮动（float）使元素半脱离文档流，仍影响相邻内容，常用于文本环绕和简单布局，但需清除浮动以解决高度塌陷问题；②定位（position）则让元素完全脱离文档流（如absolute、fixed），实现精确位置控制和层叠效果，适用于弹窗、固定导航等场景；③两者关系在于均用于改变元素位置，但浮动侧重排版，定位侧重精准放置；④在响应式设计中，浮动因复杂布局和顺序控制的局限逐渐被Flexbox和Grid取代，而定位因其固定、叠加和粘性能力仍不可或缺；⑤层叠上下文
-
Map和Set通过树形（如TreeMap，O(logn)）或哈希（如HashMap，平均O(1)）实现，将查找、插入、删除从O(n)优化为稳定高效，适用于动态频繁操作场景。
-
本文详解如何将HTML中<script>标签内的JavaScript逻辑提取为外部.js文件，并确保功能正常运行，涵盖文件创建、HTML引入方式、执行时机控制及常见错误规避。
-
状态模式通过封装对象状态及其行为，使对象在内部状态改变时改变其行为，避免复杂条件判断。上下文（如Light）持有当前状态，并将状态相关操作委托给具体状态对象处理；具体状态（如OnState、OffState）实现各自行为逻辑并可切换状态。示例中灯的开关通过press方法触发不同行为，无需if/else判断。优点包括消除条件逻辑、提升扩展性与职责清晰，适用于多状态场景如订单流程、按钮状态、游戏角色动作等，增强代码可维护性与灵活性。
-
用dataset属性标记本地修改但未同步的DOM元素，需用JSON.stringify序列化原始值存入data-original，编辑时同步当前值到data-current并比对，配合localStorage存最小patch实现离线冲突识别。
-
Generator自动执行器不解决分布式“分布”问题，但通过线性化、可中断恢复的控制流，封装请求意图并由执行器统一注入服务发现、重试、熔断、traceId透传等横切逻辑。
-
采用模块联邦与运行时加载实现微前端热更新，通过子应用独立构建部署、主应用动态引入JS包，结合生命周期卸载旧实例、SystemJS或import()加载新版本，利用manifest文件检测更新并配合CDN缓存策略，确保不刷新页面即可完成局部热替换。
-
答案：Node.js中操作Cookie需借助Express等框架及cookie-parser中间件，通过res.cookie()设置、req.cookies读取、res.clearCookie()清除，并需配置httpOnly、secure、sameSite等安全属性以防范XSS和CSRF攻击。
-
本文介绍如何用JavaScript编写一个规范、可复用的BMI计算函数，支持传入体重（kg）和身高（m），自动计算并四舍五入返回整数BMI值，并解析常见实现错误。
-
浮动元素无法通过margin:auto居中，因其脱离文档流且CSS规范禁止该行为；应改用绝对定位+transform、flex或inline-block配合text-align实现居中。
-
纯CSS轮播关键在scroll-snap实现精准停靠：需设scroll-snap-type:xmandatory、每项scroll-snap-align:center、容器overflow-x:auto+scroll-behavior:smooth，:target仅触发锚点定位。
-
HTML5语义化布局通过header、nav、main、article、aside、footer等标签明确页面结构，提升可读性、SEO和无障碍访问，结合CSS实现清晰、响应式的网页布局。
-
点击video元素移位主因是焦点触发滚动锚定或:focus样式重排；修复优先设tabindex="-1"、禁用outline、preventDefault()及避免transform缩放。
-
box-shadow的四个参数依次为水平偏移、垂直偏移、模糊半径、扩散半径，方向由前两个值的正负及大小决定；blur-radius过大或overflow:hidden、transform等会干扰阴影显示效果。
-
JavaScript文件上传核心是用FormData构建数据并用fetch或XMLHttpRequest发送，自动处理二进制、boundary和编码；需通过File/Blob添加文件，不可用路径；fetch不支持上传进度，需用XMLHttpRequest监听xhr.upload.onprogress。
