BFE.devAI解答 - 前端面试问题
118. 什么是Skeleton Screen? 如何实现?

Skeleton Screens（骨架屏）是指在等待内容加载时，先展示一个类似于页面结构的空壳，给用户一种需要等待内容加载的期待感。其实现方式一般是通过以下步骤：

1. 先确定页面结构，将其样式设为暂未定义的状态，包括图片、文本等元素。
2. 加载页面时，优先展示这个未定义状态的页面结构，越接近实际样式越好。
3. 页面内容加载完成后，使用CSS或JS等技术将模板中的内容替换为加载完毕后的内容。

实现Skeleton Screens要点：

1. 页面骨架是固定不变的，一般需要考虑各种场景和页面变化情况。
2. 骨架页面的加载速度和加载过程中内容的展示顺序也需要考虑，需要展示顺序合理。
3. 所有内容的拉取和填充一般需要异步完成，否则会加重服务器和浏览器的负担。
4. 在制作骨架页面时, 要考虑到用户体验，提供低分辨率的图标解决电量和硬件限制等问题，让用户体验流畅。

总之，实现Skeleton Screens只是前端性能优化中的一种手段，需要从用户角度出发，提高用户对页面的期待感以及响应速度。