Bigbear

厉害厉害，老大要我调研这个骨架屏，我想着也是用puppeteer执行js，然后生成一个骨架屏的html和css, 没想到又有大佬做了

请问下，在js里还需要ajax请求数据，这个时候可能挂载点的骨架页面已经被替换了，但是数据还没回来，这个时候不是也有问题吗，请问这个要如何解决

原来文中有了，没太仔细看。感谢！ 另，我们现在有个需求，我们有个已经上线的项目想加上骨架屏，但是没有mock数据，本地很难跑起来，每次开发都是用代理工具将js指向本地进行的。所以希望能跑线上的代码生成骨架屏的html和css，但是您的插件貌似不支持，感觉这种需求会比较多，要是能支持就好了。

也算是，作为一个开源插件来说`page-skeleton-webpack-plugin`已经做的非常好了，比较通用。我的问题借鉴这个东西解决了

如何做一个展开收起的动画啊

搞清楚基本原理就容易了， 他通过pupteer在html里插一段脚本运行之，这段脚本会进行一些计算，生成骨架屏样式的css和html， 插件里拿到这些html和css输出。当然他的设计要更加复杂点，基本思路就是这样

> 二、组件响应速度 2）requestAnimationFrame window.requestAnimationFrame - Web API 接口 | MDN 使用requestAnimationFrame(fn)在下一帧就立即执行回调，这样就可以异步来提高组件的响应速度； 请问下，这段为啥说下一帧立即执行回调能提高组件响应速度，咋感觉这是降低了响应速度啊

另外一个问题是您写了这么多性能优化方法，请问您是如何评价页面性能的，有相关数据指标吗，还是说靠感觉

Aha, the author become lazy and doesn't want to continue the remaining section? Are there someone who have research fiber and can write the remaining section?