[發明專利]一種前端頁面加載的方法及系統

有效

• 申請號: 201410402103.0
• 申請日: 2014-08-15
• 公開（公告）號: CN104166569B
• 公開（公告）日: 2017-09-22
• 發明（設計）人: 陳熾昌;汪凌;胡磊;袁永強;邱友雄
• 申請（專利權）人: 北京彩云動力教育科技有限公司
• 主分類號: G06F9/445
• 分類號: G06F9/445
• 代理公司: 深圳市君勝知識產權代理事務所(普通合伙)44268
• 代理人: 王永文,劉文求

1.一種前端頁面加載的方法，其特征在于，包括：

A、預先對前端頁面資源進行分類，并設置不同類別頁面資源加載的優先級順序；

B、接收用戶請求加載前端頁面的指令，加載頁面整體分塊框架及運行加載組件；

C、所述加載組件根據預先設置的加載的優先級順序依次加載頁面資源，并在加載前一類別頁面資源的同時，預加載后一分類的頁面資源，直到整個頁面的頁面資源加載完成；

所述步驟A中設置加載的優先級順序為頁面展示的先后順序或者設置加載的優先級順序為用戶瀏覽頁面時的使用到的應用程序的鏈接順序；

當用戶點擊前端頁面中的某個應用程序的功能進行使用時，根據與該應用程序相關的鏈接順序來進行頁面資源加載的優先級順序的加載；

當用戶滾屏時，優先加載樣式文件渲染頁面展示效果；其次加載第一屏必須的圖片、腳本文件；

所述步驟C中還包括：

C1、所述加載組件在加載前一類別的頁面資源同時，獲取后一類別的頁面資源，若獲取失敗，則根據預先設置的加載的優先級順序，獲取下一個類別的頁面資源；

C2、對獲取后一類別的頁面資源的時間進行定時，當時間超時，則判定獲取失敗。

2.一種前端頁面加載的系統，其特征在于，包括以下模塊：

加載設置模塊，用于預先對前端頁面資源進行分類，并設置不同類別頁面資源加載的優先級順序；

加載開啟模塊，用于接收用戶請求加載前端頁面的指令，加載頁面整體分塊框架及運行加載組件；

加載處理模塊，用于根據預先設置的加載的優先級順序依次加載頁面資源，并在加載前一類別頁面資源的同時，預加載后一分類的頁面資源，直到整個頁面的頁面資源加載完成；

所述加載設置模塊中設置加載的優先級順序為頁面展示的先后順序或者設置加載的優先級順序為用戶瀏覽頁面時的使用到的應用程序的鏈接順序；

當用戶點擊前端頁面中的某個應用程序的功能進行使用時，根據與該應用程序相關的鏈接順序來進行頁面資源加載的優先級順序的加載；

當用戶滾屏時，優先加載樣式文件渲染頁面展示效果；其次加載第一屏必須的圖片、腳本文件；

所述加載處理模塊還包括：資源獲取單元和定時單元；

所述資源獲取單元，用于在加載前一類別的頁面資源同時，獲取后一類別的頁面資源，若獲取失敗，則根據預設設置的加載的優先級順序，獲取下一個類別的頁面資源；

所述定時單元，用于對獲取后一類別的頁面資源的時間進行定時，當時間超時，則判定獲取失敗。