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

在審

• 申請?zhí)枺?/td>: 201810968090.1
• 申請日: 2018-08-23
• 公開（公告）號: CN109298864A
• 公開（公告）日: 2019-02-01
• 發(fā)明（設(shè)計）人: 孫悅;李天馳;羅倩
• 申請（專利權(quán)）人: 深圳點貓科技有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06F16/957
• 代理公司: 廣東良馬律師事務(wù)所 44395
• 代理人: 李良

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

技術(shù)領(lǐng)域

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

背景技術(shù)

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

因此，現(xiàn)有技術(shù)還有待于改進和發(fā)展。

發(fā)明內(nèi)容

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

本發(fā)明的技術(shù)方案如下：

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

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

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

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

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

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

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

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

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

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

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

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

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

一種電子設(shè)備，其中，包括：

處理器，適于實現(xiàn)各指令，以及

存儲設(shè)備，適于存儲多條指令，所述指令適于由處理器加載并執(zhí)行：

預(yù)先配置自定義的骨架加載器；

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

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

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