使用 requestIdleCallback 优化埋点数据上报
介绍了 requestIdleCallback 的用途及使用方法，用于在浏览器空闲时执行低优先级任务而不影响关键事件。示例展示了通过回调函数处理任务队列，并在空闲时间段逐步完成任务。案例中用于优化埋点数据上报，充分利用剩余空闲时间，提高任务处理效率。
标签： 优化
读书笔记:《JavaScript高级程序设计》 - [美]Nicholas C·Zakas 著 / 李松峰 曹力 译
介绍了 JavaScript 中变量、作用域、内存管理、对象创建与继承模式、事件处理、DOM 操作、JSON 序列化、Ajax 安全性等核心概念，涵盖 HTML5 新特性、离线存储、最佳实践及新兴 API，提供了代码示例与优化建议以增强开发效率和性能。
记一次前端加载体验优化
分析页面卡顿的原因，并从用户体验与性能优化两方面提出解决方案，包括骨架图、图片占位图、按需加载、图片压缩与格式转换、延迟上报、客户端缓存及离线包支持等方法。通过减少资源体积和优化加载流程，显著降低白屏与首屏时间，提高页面加载效率和用户体验。
节流和去抖的简单实现
介绍了两种控制函数执行频率的方法：节流和去抖。节流通过设定间隔时间，限制高频函数的执行频率，避免过多压力；实现方式为记录上次执行时间，与当前时间比较，决定是否执行。去抖则在连续触发中仅执行一次，通过延时定时器实现，防止频繁 DOM 操作。两者通过不同策略优化性能。
使用事件委托提高性能
介绍了事件委托的概念及其在动态更新元素上的高效应用，通过将子元素的事件绑定到父元素上减少性能消耗。示例展示了如何使用 matches() 方法精确匹配目标子元素，同时说明了部分事件如 focus 和 blur 无法直接使用事件委托，但可用 focusin 和 focusout 替代。
读书笔记:《高性能JavaScript》 - Nicholas C.Zakas 著 / 丁琛 译 / 赵泽欣 审校
总结了 JavaScript 的加载执行、数据存取、DOM 操作、算法优化、正则表达式、用户界面响应、Ajax 性能以及编程实践中的关键点。强调了作用域链、闭包、重排与重绘优化、循环效率、位操作等性能影响因素，同时提供了优化建议，如减少全局变量访问、避免使用 with 语句、优化 DOM 操作及正则表达式匹配顺序等，为提升代码性能和用户体验提供了实用指导。