前言

标题本来取的是 xxx 学习笔记，但又感觉学习笔记偏向于流水账，只适合给当前的自己看，不适合他人以及未来的自己看

在看过黄子毅大佬的精读《当我在分享的时候，我在做什么？》 (opens new window)一文后，有段话受益匪浅。

前端精读的命题很明确，就是基于某个文章或者观点进行精读，因此每篇文章都有一个明确的主题。第二步是摘要，讲文章内容精简的表达出来，这可以锻炼你的总结能力，也让读者能了解到背景知识。第三步是精读，这一步需要你有一些私藏干货，毕竟把文章直接翻译一遍是没有任何价值的，我在精读自己不熟悉领域的文章时经常遇到这个问题，此时我一般会找几篇类似的文章结合阅读，并找到一些可以互补的观点，这样的精读可以让文章的观点更加饱满。最后是总结，总结时可以点题，将重要内容再梳理一遍，也可以进行延伸，指出更进一步的思考方向。

分析总结，思考与探讨会比单纯笔记的效果来得更好

本篇算是致敬<前端精读周刊>，也是本人精读系列的第一篇，本次精读的文章来自谷歌开发者博客 -- Building performant expand & collapse animations (opens new window)

引言

概要

精读

transition 卡顿的原因？

合成器线程加载位图较慢？

之后浏览器不需要做额外的relayout和repaint，甚至不需要发送位图给GPU。

参考

https://zhuanlan.zhihu.com/p/26519940