[發(fā)明專利]網頁組件的加載方法、裝置、電子設備、及存儲介質有效
| 申請?zhí)枺?/td> | 201911134881.5 | 申請日: | 2019-11-19 |
| 公開(公告)號: | CN110865852B | 公開(公告)日: | 2023-06-30 |
| 發(fā)明(設計)人: | 蔣圣 | 申請(專利權)人: | 北京字節(jié)跳動網絡技術有限公司 |
| 主分類號: | G06F9/445 | 分類號: | G06F9/445 |
| 代理公司: | 北京遠智匯知識產權代理有限公司 11659 | 代理人: | 范坤坤 |
| 地址: | 100041 北京市石景山區(qū)*** | 國省代碼: | 北京;11 |
| 權利要求書: | 查看更多 | 說明書: | 查看更多 |
| 摘要: | |||
| 搜索關鍵詞: | 網頁 組件 加載 方法 裝置 電子設備 存儲 介質 | ||
本公開實施例公開了一種網頁組件的加載方法、裝置、電子設備、及存儲介質,方法包括:獲取待加載組件的依賴信息;根據待加載組件的依賴信息加載待加載組件,包括:若加載標記為已加載則省略加載;若加載標記為未加載,且直接依賴的組件為空或直接依賴的組件的加載標記均為已加載,則根據代碼下載地址加載代碼,并將加載標記修改為已加載;若加載標記為未加載,且直接依賴的組件不為空,則根據代碼下載地址加載代碼,并分別將直接依賴的組件作為待加載組件返回執(zhí)行前述步驟,直到所有直接依賴的組件的加載標記為已加載,將待加載組件的加載標記修改為已加載。能避免加載重復的代碼造成數據包臃腫,能提高加載速度。
技術領域
本公開實施例涉及網絡通信領域,具體涉及一種網頁組件的加載方法、裝置、電子設備、及存儲介質。
背景技術
進行前端開發(fā)時,通常采用模塊化開發(fā)方式,組件之間往往具有復雜的依賴關系。很多組件因為被重復依賴所以可能在一個應用中被重復加載和編譯。例如,某一應用或組件需要加載組件C和組件D,它們各自依賴的組件可能會交叉,例如組件C和組件D均依賴組件A和組件B,那么加載組件C和組件D時可能都會加載組件A和組件B,造成組件重復加載,不僅會使數據包臃腫,還會降低加載速度。
發(fā)明內容
有鑒于此,本公開實施例提供一種網頁組件的加載方法、裝置、電子設備、及存儲介質,以避免加載重復的代碼造成數據包臃腫。
本公開實施例的其他特性和優(yōu)點將通過下面的詳細描述變得顯然,或部分地通過本公開實施例的實踐而習得。
第一方面,本公開實施例提供了一種網頁組件的加載方法,包括:
獲取待加載組件的依賴信息,其中所述依賴信息包括用于標識是否已被加載的加載標記、代碼下載地址和直接依賴的組件;
若所述加載標記為已加載,則省略加載所述待加載組件;
若所述加載標記為未加載,則根據所述依賴信息加載所述待加載組件,包括:
若所述直接依賴的組件為空或所述直接依賴的組件的加載標記均為已加載,則根據所述代碼下載地址加載代碼,并將所述加載標記修改為已加載;
若所述直接依賴的組件不為空,則根據所述代碼下載地址加載代碼,并分別將所述直接依賴的組件作為待加載組件返回執(zhí)行所述獲取依賴信息的步驟和根據依賴信息加載組件的步驟,直到所有直接依賴的組件的加載標記為已加載,將所述待加載組件的加載標記修改為已加載。
第二方面,本公開實施例還提供了一種網頁組件的加載裝置,包括:
依賴信息獲取單元,用于獲取待加載組件的依賴信息,其中所述依賴信息包括用于標識是否已被加載的加載標記、代碼下載地址和直接依賴的組件;
第一加載單元,用于若所述加載標記為已加載,則省略加載所述待加載組件;
第二加載單元,用于若所述加載標記為未加載,則根據所述依賴信息加載所述待加載組件,包括:
若所述直接依賴的組件為空或所述直接依賴的組件的加載標記均為已加載,則根據所述代碼下載地址加載代碼,并將所述加載標記修改為已加載;
若所述直接依賴的組件不為空,則根據所述代碼下載地址加載代碼,并分別將所述直接依賴的組件作為待加載組件通過所述依賴信息獲取單元獲取依賴信息和通過所述第一加載單元和所述第二加載單元進行加載,直到所有直接依賴的組件的加載標記為已加載,將所述待加載組件的加載標記修改為已加載。
第三方面,本公開實施例還提供了一種電子設備,包括:
一個或多個處理器;
存儲器,用于存儲一個或多個程序;
該專利技術資料僅供研究查看技術是否侵權等信息,商用須獲得專利權人授權。該專利全部權利屬于北京字節(jié)跳動網絡技術有限公司,未經北京字節(jié)跳動網絡技術有限公司許可,擅自商用是侵權行為。如果您想購買此專利、獲得商業(yè)授權和技術合作,請聯系【客服】
本文鏈接:http://www.17sss.com.cn/pat/books/201911134881.5/2.html,轉載請聲明來源鉆瓜專利網。





