[发明专利]教育平台下的自动化生成项目骨架屏的方法及电子设备

说明书

本发明公开教育平台下的自动化生成项目骨架屏的方法及电子设备，方法包括步骤：A、预先配置自定义的骨架加载器；B、在项目的打包配置文件中添加所述骨架加载器；C、在项目的原始页面的文件上添加骨架标记；D、打包项目，并通过所述骨架加载器对具有骨架标记的文件进行处理，生成只有骨架样式的文件；E、根据所述骨架样式的文件展示骨架屏页面，并随着页面数据的加载，展示原始页面。本发明中，通过生成骨架屏页面，使用户可直观感受到页面数据的加载过程；同时骨架屏页面可以平滑的切换到真实数据渲染的页面，避免使用loading图标，减少突兀的变化；同时减少用户因为等待时间不可预知而流失的情况。

技术领域

本发明涉及计算机技术领域，尤其涉及一种教育平台下的自动化生成项目骨架屏的方法及电子设备。

背景技术

现有技术中，页面数据没有加载好之前，会使用loading(加载)图标进行显示，但这种显示，会使用户无法感知即将呈现的页面，也无法确定需要等待的时长，导致用户产生等待焦虑。另外，当下的前端项目都是js驱动，首先需要时间来解析js代码，在解析完成之前不会展示任何内容，会有白屏的展示。

因此，现有技术还有待于改进和发展。

发明内容

鉴于上述现有技术的不足，本发明的目的在于提供一种教育平台下的自动化生成项目骨架屏的方法及电子设备，旨在解决现有技术中项目的页面数据加载方式有待优化的问题。

本发明的技术方案如下：

一种教育平台下的自动化生成项目骨架屏的方法，其中，包括步骤：

A、预先配置自定义的骨架加载器；

B、在项目的打包配置文件中添加所述骨架加载器；

C、在项目的原始页面的文件上添加骨架标记；

D、打包项目，并通过所述骨架加载器对具有骨架标记的文件进行处理，生成只有骨架样式的文件；

E、根据所述骨架样式的文件展示骨架屏页面，并随着页面数据的加载，展示原始页面。

所述的教育平台下的自动化生成项目骨架屏的方法，其中，所述步骤D具体包括：

将具有骨架标记的文件替换为默认背景，生成只有骨架样式的文件。

所述的教育平台下的自动化生成项目骨架屏的方法，其中，将具有骨架标记的文件替换为默认背景之后，判断具有骨架标记的文件是否有字体大小属性。

所述的教育平台下的自动化生成项目骨架屏的方法，其中，

若有字体大小属性，则清空文字，并生成只有骨架样式的文件；若无字体大小属性，则直接生成只有骨架样式的文件。

所述的教育平台下的自动化生成项目骨架屏的方法，其中，所述步骤D中，先提取具有骨架标记的文件，再通过所述骨架加载器对具有骨架标记的文件进行处理。

所述的教育平台下的自动化生成项目骨架屏的方法，其中，所述具有骨架标记的文件为js文件或jsx文件。

一种电子设备，其中，包括：

处理器，适于实现各指令，以及

存储设备，适于存储多条指令，所述指令适于由处理器加载并执行：

预先配置自定义的骨架加载器；

在项目的打包配置文件中添加所述骨架加载器；

在项目的原始页面的文件上添加骨架标记；

打包项目，并通过所述骨架加载器对具有骨架标记的文件进行处理，生成只有骨架样式的文件；