Chat idea：记一次 Firefox 下 Vue 带来的性能危机的解决

前两天遇到一个问题：我厂的一个产品在 Firefox 下，可能发生因为 CPU 占用过高而卡死的情况。这个问题在测试环境不复现，在 Chrome下基本上也不会复现。

因为我厂老板是这个产品的主要用户，这个 bug 让我倍感压力，但一直没有解决它的好办法。终于有一天，在某台生产机上调试另外一个 bug 的时候，我终于发现了稳定复现这个 bug 的方式。

接下来就是几个小时的 debug，然后发现问题所在，然后解决问题，然后发现解决方案不理想，于是寻求新的解决方案，然后找到新的 API，最终彻底的解决这个问题。

接下来我就分享这个过程，读完整篇文章当中你将学会：

1. 使用开发者工具查找性能问题
2. 不断切分，缩小问题范围
3. 理解 Vue 响应式原理分析问题根源
4. 修复问题并验证
5. 新的解决方案 Intersection Observer
6. 解决问题并上线

目标读者：

1. 中级开发者
2. 熟悉原生 JS

大家觉得这个 idea 如何？请留言告诉我。不出意外的话这将是我下个月的 gitchat 内容。

有同学在 Drift 里留言，这里更新回答一下：这篇文章最后没写，因为当时 GitChat 的编辑不感兴趣，所以就放弃了。将来有机会会写。