-
分代回收是V8引擎基于98%对象存活时间<10ms的实测统计事实落地的工程策略，将堆划分为新生代（Scavenge复制算法，快进快出）和老生代（Mark-Sweep/Compact，MajorGC耗时高），核心是顺应引用链生命周期实现短周期对象速死、长周期对象稳住。
-
利用DeviceOrientation事件可获取设备在三维空间中的方向信息，通过监听该事件并处理alpha、beta、gamma三个轴的旋转角度，实现如游戏控制或地图定向等功能；需注意浏览器兼容性与权限请求机制，在现代浏览器中应使用PermissionsAPI申请授权，并对数据进行校准以提升精度，同时结合requestAnimationFrame优化性能，避免频繁触发影响体验。
-
最推荐Flex布局（justify-content:flex-end），因其无塌陷、响应式友好；次选float:right需处理父容器塌陷；absolute定位适合脱离文档流场景；Grid的justify-self:end适合单元素精准控制。
-
track字幕不显示的主因是结构错误：track必须为video直接子元素且紧随source之后；其次src路径需同协议、kind值须准确（如subtitles不可少s）、vtt文件须UTF-8无BOM且首行为WEBVTT。
-
Map.size是实时且自动更新的只读属性，增删操作后立即反映键值对数量，不可手动赋值或替代；Object.keys(map).length永远为0，因其非普通对象。
-
可通过调整HTML结构与CSS样式实现博客主题与布局设置。一、使用内联CSS在head中添加style标签，定义字体、背景色和标题样式；二、引入外部CSS文件如style.css和dark-theme.css，通过修改link标签的href属性切换主题，结合JavaScript实现动态切换；三、利用header、main、article、aside、footer等语义化标签构建清晰结构，提升SEO与可读性；四、采用CSSGrid设置display:grid、自适应列数和间隙，实现响应式文章网格布局；五、运
-
<p>box-sizing:border-box使width/height包含padding和border，解决布局错位；全局启用推荐*{box-sizing:border-box;}，需统一设置避免flex/grid计算偏差，不影响calc()逻辑但提升可预测性。</p>
-
会引发语法错误，因为小于号是HTML标签的起始符号，需用实体字符“<”表示。
-
ServiceWorker的install事件用于预缓存静态资源，需用event.waitUntil()和版本化缓存名（如static-v1），只缓存稳定资源，避免硬编码哈希文件；推荐逐个fetch+put替代addAll()提升健壮性，并遵守同源与HTTPS限制。
