-
HTML5推荐用footer元素语义化添加版权信息，支持©实体、动态年份及CSS底部定位；非footer场景可用role="contentinfo"保持可访问性。
-
:nth-child(n)可按位置选中子元素，支持数字、odd/even关键字及an+b公式；常用于隔行变色tr:nth-child(odd)背景色、网格布局.card:nth-child(4n+1)清除外边距、或限定范围如:nth-child(n+3)从第3项起生效，减少class使用，提升样式效率。
-
Java不能直接运行HTML文件，需通过浏览器展示。1.使用java.awt.Desktop类可调用系统默认浏览器打开HTML文件，要求系统支持桌面操作且文件路径正确。2.可通过SpringBoot或Jetty等内嵌服务器将HTML部署为Web应用，访问对应URL即可查看页面。3.注意：无图形界面环境（如Linux服务器）不支持Desktop操作，应采用Web服务方式；HTML为标记语言，无需编译，不可用javac或java命令执行。本质是利用Java启动浏览器或服务来呈现HTML内容。
-
对象属性读取速度受隐藏类、原型链深度和属性动态变化影响，现代引擎如V8对结构稳定对象优化良好，建议避免频繁增删属性、缓存常用属性值，并在键为动态类型时选用Map以提升性能。
-
应升级IE至IE9及以上、启用Edge的IE模式、更换为Chromium版Edge、组策略强制渲染或卸载IE功能。IE9起支持HTML5语义标签，EdgeChromium版完全兼容，Windows10/11可禁用IE强制跳转Edge。
-
IndexedDB是浏览器内存储结构化数据的低层API，支持索引、事务和异步操作，可存储对象、Blob等复杂类型，结合ServiceWorker实现离线优先应用，通过创建索引优化查询性能，保障数据一致性与高效访问。
-
本文介绍如何通过原生JavaScript实现“点击图片以外的任意区域自动关闭灯箱”的交互效果，无需依赖框架，兼容现代浏览器，代码简洁高效。
-
动态导入（import()）是代码分割的触发信号而非实现者，实际拆包由Webpack、Vite等构建工具在打包阶段完成；它要求模块上下文、正确MIME类型，并受字符串字面量限制。
-
应统一使用无单位line-height（如1.5）以确保与font-size成稳定比例，避免固定像素值、em单位及冗长字体栈导致的行高失衡，中英混排推荐1.5–1.7区间。
-
em单位是CSS中的相对单位，基于当前元素的字体大小进行计算。1)em用于设置字体大小、边距等属性，具有响应性；2)使用时需注意嵌套元素的计算复杂性；3)结合rem单位可简化计算并保持一致性；4)推荐使用px或rem设定基础字体大小，并在复杂布局中平衡使用em和rem。
-
前端数据流模式需根据项目规模、团队习惯和技术栈选择；2.Flux提出单向数据流，流程清晰但样板代码多；3.Redux采用单一Store和不可变更新，适合大型团队协作；4.MobX基于响应式，开发高效但追踪变化较难；5.Zustand轻量简洁，适合现代React项目快速上手；6.Vue响应式系统内置集成，Pinia提升模块化与TypeScript支持。
-
内存泄漏指程序未释放不再使用的内存，导致内存占用持续增长、性能下降甚至崩溃。可通过任务管理器观察内存增长、使用Valgrind、AddressSanitizer、VisualStudio工具或Java堆分析工具检测。解决方法包括采用RAII、智能指针、避免循环引用、及时释放资源及定期代码审查。
-
WebFontLoader是一个JavaScript库，用于主动管理字体加载过程，解决FOIT/FOUT失控问题，但不提升加载速度；它需与font-display:swap配合使用，通过active回调获知字体就绪时机，避免样式错乱。
-
localStorage和sessionStorage只支持字符串值，存对象需JSON.stringify()、取时用JSON.parse()并加try/catch；前者同源永久存储，后者仅限当前tab；敏感信息勿存，注意容量限制与XSS风险。
-
本文详解JS游戏中碰撞检测响应异常（过早、过晚或不触发）的根本原因，聚焦getBoundingClientRect()的正确使用、坐标空间统一、实时边界获取等核心实践，并提供可直接运行的修复代码。
