[發明專利]教育平臺下的自動化生成項目骨架屏的方法及電子設備

在審

• 申請號: 201810968090.1
• 申請日: 2018-08-23
• 公開（公告）號: CN109298864A
• 公開（公告）日: 2019-02-01
• 發明（設計）人: 孫悅;李天馳;羅倩
• 申請（專利權）人: 深圳點貓科技有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06F16/957
• 代理公司: 廣東良馬律師事務所 44395
• 代理人: 李良

本發明公開教育平臺下的自動化生成項目骨架屏的方法及電子設備，方法包括步驟：A、預先配置自定義的骨架加載器；B、在項目的打包配置文件中添加所述骨架加載器；C、在項目的原始頁面的文件上添加骨架標記；D、打包項目，并通過所述骨架加載器對具有骨架標記的文件進行處理，生成只有骨架樣式的文件；E、根據所述骨架樣式的文件展示骨架屏頁面，并隨著頁面數據的加載，展示原始頁面。本發明中，通過生成骨架屏頁面，使用戶可直觀感受到頁面數據的加載過程；同時骨架屏頁面可以平滑的切換到真實數據渲染的頁面，避免使用loading圖標，減少突兀的變化；同時減少用戶因為等待時間不可預知而流失的情況。

技術領域

本發明涉及計算機技術領域，尤其涉及一種教育平臺下的自動化生成項目骨架屏的方法及電子設備。

背景技術

現有技術中，頁面數據沒有加載好之前，會使用loading(加載)圖標進行顯示，但這種顯示，會使用戶無法感知即將呈現的頁面，也無法確定需要等待的時長，導致用戶產生等待焦慮。另外，當下的前端項目都是js驅動，首先需要時間來解析js代碼，在解析完成之前不會展示任何內容，會有白屏的展示。

因此，現有技術還有待于改進和發展。

發明內容

鑒于上述現有技術的不足，本發明的目的在于提供一種教育平臺下的自動化生成項目骨架屏的方法及電子設備，旨在解決現有技術中項目的頁面數據加載方式有待優化的問題。

本發明的技術方案如下：

一種教育平臺下的自動化生成項目骨架屏的方法，其中，包括步驟：

A、預先配置自定義的骨架加載器；

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

C、在項目的原始頁面的文件上添加骨架標記；

D、打包項目，并通過所述骨架加載器對具有骨架標記的文件進行處理，生成只有骨架樣式的文件；

E、根據所述骨架樣式的文件展示骨架屏頁面，并隨著頁面數據的加載，展示原始頁面。

所述的教育平臺下的自動化生成項目骨架屏的方法，其中，所述步驟D具體包括：

將具有骨架標記的文件替換為默認背景，生成只有骨架樣式的文件。

所述的教育平臺下的自動化生成項目骨架屏的方法，其中，將具有骨架標記的文件替換為默認背景之后，判斷具有骨架標記的文件是否有字體大小屬性。

所述的教育平臺下的自動化生成項目骨架屏的方法，其中，

若有字體大小屬性，則清空文字，并生成只有骨架樣式的文件；若無字體大小屬性，則直接生成只有骨架樣式的文件。

所述的教育平臺下的自動化生成項目骨架屏的方法，其中，所述步驟D中，先提取具有骨架標記的文件，再通過所述骨架加載器對具有骨架標記的文件進行處理。

所述的教育平臺下的自動化生成項目骨架屏的方法，其中，所述具有骨架標記的文件為js文件或jsx文件。

一種電子設備，其中，包括：

處理器，適于實現各指令，以及

存儲設備，適于存儲多條指令，所述指令適于由處理器加載并執行：

預先配置自定義的骨架加載器；

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

在項目的原始頁面的文件上添加骨架標記；

打包項目，并通過所述骨架加載器對具有骨架標記的文件進行處理，生成只有骨架樣式的文件；