-
SWR是彻底取消等待的缓存策略：首次渲染用缓存，后台静默更新；需服务端设置Cache-Control头，仅Chrome≥75/Firefox≥115原生支持；ServiceWorker手动实现更通用，框架层SWR库提供staleTime等精细控制。
-
Svelte的<style>标签默认作用域化，编译时自动为元素和选择器添加唯一哈希属性（如svelte-abc123），确保样式仅影响当前组件；若“失效”，多因选择器未匹配渲染DOM、slot内容逃逸、动态插入DOM未带哈希属性或误用:global/:deep。
-
弹性盒子容器高度随内容变化是正常响应式特性，应使用min-height保底并允许自然撑开，配合flex-direction:column和gap等属性实现自适应布局。
-
360浏览器需在极速模式（Blink内核）下才完整支持HTML5核心能力；地址栏有闪电图标即为极速模式，否则切换并刷新；禁用硬件加速可解决黑屏/卡顿；file://协议受限需用本地服务器；HTML5无需额外安装，关键是确保内核、协议、编码匹配。
-
用requestAnimationFrame实现真暂停需维护isPaused状态，仅在非暂停时执行更新与渲染；避免cancelAnimationFrame，禁用按钮防连点，暂停UI用visibility:hidden+pointer-events:none保持布局，Canvas暂停时应clearRect再绘制菜单。
-
JavaScript的export和import语句在静态分析阶段建立模块间的绑定引用与依赖关系。1.引擎扫描export语句，记录导出的变量、函数等标识符绑定，如name和greet，不求值仅映射。2.import语句声明对其他模块导出名的依赖，引擎解析时确认来源模块存在对应导出并建立链接。3.通过递归分析import，构建完整的模块依赖图，明确加载顺序，支持循环依赖处理。4.静态分析验证语法正确性，检查导出是否指向有效声明、导入名称是否存在及命名冲突，错误提前在解析时报出。该机制确保ES模块依赖可预测
-
display:flex能绕过幽灵空白，因其切换至弹性盒格式化上下文，子元素作为flexitem被处理，源码中换行符、空格等空白字符被完全忽略，不进入行内格式化上下文（IFC），故从根源上不触发幽灵空白。
-
系统性掌握HTML5需分三阶段：一、掌握语义化标签结构，如<header><nav><main>等及DOCTYPE声明；二、通过复刻响应式页面练习盒模型与媒体查询；三、用JavaScript实现DOM获取、事件监听与内容修改。
-
MarginCollapse是CSS规范规定的相邻块级元素垂直外边距取较大值而非相加的行为，导致父容器塌陷、间距异常等“突然变矮”现象；可通过加border、padding、overflow或display:flow-root阻止，Flex/Grid容器子元素间不发生该合并。
-
必须同时设置background-origin:content-box和background-clip:content-box才能使背景严格限制在内容区；前者控制定位原点，后者控制渲染范围，二者缺一不可。
-
SharedWorker不能直接显示通知或申请权限，但可作为多窗口通知调度中枢，统一处理去重、可见性校验、节流及降级：通过业务ID缓存、permission与visibilityState双校验、客户端注册/注销管理，确保合规前提下轻量可控地推送通知。
-
页脚社交链接应使用带https://、rel="noopenernoreferrer"和target="_blank"的标签，图标优先内联SVG并添加aria-label，用CSSGrid实现响应式布局，确保移动端点击区域≥44×44px。
-
最直接有效的方式是设置img{width:100%;height:auto;display:block;}；固定尺寸容器用object-fit:cover/contain；装饰性图片推荐背景图；全屏场景结合vw或%单位。
-
加了cursor:move弹窗仍不动，因为该属性仅改变鼠标样式，不触发位置计算；真正实现拖拽需JavaScript监听mousedown/mousemove并动态设置style.left/style.top。
-
设计模式与架构实践提升JavaScript代码的可维护性、可扩展性和可复用性。工厂模式用于按条件创建对象，如表单验证器；单例模式确保全局唯一实例，适用于配置管理；观察者模式实现状态变化自动通知，支撑事件总线与响应式系统。模块化按功能划分业务单元，结合ES6import/export支持静态分析与tree-shaking；通过TypeScript定义接口契约，依赖抽象解耦模块。引入依赖注入便于测试，状态管理依项目规模选用Context、ReduxToolkit或Zustand。最终目标是在合理场景应用恰当模
说明：width: 100% 会让图片宽度等于其父容器的宽度。displ