Open post Performance

前端性能和加载体验优化实践 (附: PWA、离线包、内存优化、预渲染)

探讨了页面加载卡顿的原因并提出了多种优化方法。主要原因包括项目包或第三方脚本过大、JavaScript 执行阻塞页面加载、图片体积大且多等。优化策略包括构建缩包按需加载、减少图片体积等。文章还详细介绍了如何通过 Webpack 插件分析项目中用到的 npm 包及大小,以及如何通过调整图片尺寸、格式转换、压缩等方式减小图片体积。

读书笔记:《我要快乐,不必正常》 – [英]珍妮特·温特森 著 / 冯倩珠 译

探索了个人身份与社会背景的交融,强调了故事与写作在自我创造中的重要性。通过讲述孤独、爱与成长,探讨了逃避与面对的选择。工业化背景下的个人主义与社群影响被深刻反思,揭示了生命中不确定性与追求意义的复杂性。强调了内心世界的安全与外在世界的易变,鼓励勇敢面对人生的挑战。

Promise + Async&Await + Array.reduce + 函数递归 解决网络/接口请求的依次/排队不间断间隔访问

在频繁更新数据场景中,传统 `setInterval` 可能因请求时间过长导致数据覆盖问题。通过 `Array.reduce` 和异步函数,将每个网络请求封装为 Promise,确保前一请求完成后再发起下一请求。完成一轮后递归调用自身,实现连续顺序请求循环,保证数据更新的准确性和稳定性。