微信小程序骨架屏应用实现步骤如何详细记录？

本文共计1032个文字，预计阅读时间需要5分钟。

目录- 什么是框架屏- 小程序框架屏的实现 1. 生成页面框架 2. 框架屏的应用 3. 使用注意事项 4. 思考后的封装- 总结- 什么是框架屏 框架屏是一种作为首次渲染加载优化的技术，通过预加载和缓存页面框架，提升用户体验。

框架屏是作为首次渲染加载优化的一种方法，我们打开一个框架屏。

目录

• 什么是骨架屏
• 小程序骨架屏的实现
• 1. 生成页面骨架
• 2. 骨架屏的应用
• 3. 使用注意
• 4. 思考后的封装
• 总结

什么是骨架屏

骨架屏是作为一种首次渲染加载优化的一种方法

我们打开一个应用后，应用会通过ajax来请求数据，而在这段空缺的时间，没有数据，内容缺失，这对于用户的感觉很不好，所以我们需要在这个时间段内通过骨架屏来填充这个空缺。

如上图所示，一个是没有内容，一个是骨架屏的填充，所以在加载的这一秒内给用户以骨架屏形式的填充是很有必要的。