RockyRen

背景 Web页面白屏表示用户无法正常使用页面，可能会导致用户不耐烦并流失。作为开发者，应该在白屏出现后及时感知，迅速排查并修复问题。

如果代码只是一次性的，那么代码质量可能不会成为议题。然而，在现实世界中，我们需要经常维护代码，通常是由一个团队来维护。高质量的代码可以降低团队维护代码的成本，从长远来看，这能够为公司节省成本。

前端性能优化前可以先做性能报告，这样可以指定更有效的优化计划。多做性能报告可以培养性能数据的嗅觉，做下一次优化会更有把握。

前端监控在项目维护过程中至关重要。监控的核心目标包括及时发现问题和快速定位问题所在。本文从业务开发者的角度，阐述了有前端监控的各种手段。

本文通过链路分析的方式，分析出大图片太晚加载的问题，最终使用数据 + 图片预加载的方式，节约了0.8秒的首屏时间。

NextJS作为一个服务器渲染（SSR）框架已经十分成熟，笔者本想在公司内的新项目上用上，没想到处处碰壁。本文介绍了没有使用NextJS的原因和解决方案，希望对各位在技术选型的思考上有所帮助。

协作编辑是时下各类文档热门的功能，本文介绍了协同技术CRDT算法的一些细节，并实践到思维导图工具中。

本文介绍了以一个上报需求为实例，介绍了一个简单的redis分布式锁的实现。这种方法可以延伸到其他各种语言。

npm代码库的包数量越膨胀，就越需要自动化的流程规范开发，提交效率。本文主要讨论如何使用NX + changesets + CI/CD工具，发布npm测试包和npm正式包。