-
动态导入（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()的正确使用、坐标空间统一、实时边界获取等核心实践，并提供可直接运行的修复代码。
-
JavaScript可直接调用浏览器WebAPI；本地存储有localStorage（持久化）、sessionStorage（会话级）和IndexedDB（结构化数据库）三种方式，各适用于不同场景。
-
下拉刷新非HTML5原生API，需第三方库或手写实现；主流方案如pulltorefreshjs、iScroll须注意容器滚动配置与iOS兼容性，手写版需处理touch事件被动限制及回弹动画。
-
事件委托适用于大量动态增删元素的场景，通过在父容器绑定事件并利用冒泡和e.target.closest()精准捕获目标，避免重复绑定、内存泄漏及重绘时的逻辑耦合。
-
混用font-size的%和px会破坏继承链，导致字体大小计算失控；应锚定根字号，组件内用em/%缩放，line-height必须用无单位值。
-
Flex布局内容“偏移”多因外层margin/padding干扰或justify-content/align-items未统一设置，需用开发者工具检查并重置父容器边距，同时确保主轴与交叉轴对齐方式匹配。
-
HTML5语义标签在邮件中基本不可用，因Outlook、Gmail、iOSMail等客户端会剥离或忽略这些标签；邮件开发必须回归table布局+内联样式，可借助MJML等工具实现语义化抽象与兼容性保障。
-
判断字符串是否为空需根据场景选择方法，基础情况可用!str检测null或undefined，仅判断空字符串用str===''，推荐使用!str||str.trim()===''处理包含空白字符的情况，可封装为isEmpty(str)函数复用，有效避免空格导致的逻辑错误。
