【技術(shù)實(shí)現(xiàn)步驟摘要】
本申請(qǐng)涉及計(jì)算機(jī)，具體而言，涉及一種微前端系統(tǒng)。
技術(shù)介紹
1、微前端框架是一種將前端應(yīng)用分解成更小的、可獨(dú)立開(kāi)發(fā)和部署的模塊化應(yīng)用的方法。這種方法可以提高前端開(kāi)發(fā)的靈活性、可維護(hù)性以及可擴(kuò)展性。在大型企業(yè)級(jí)應(yīng)用程序中，通常需要多個(gè)團(tuán)隊(duì)協(xié)同開(kāi)發(fā)，且應(yīng)用的功能和業(yè)務(wù)邏輯非常復(fù)雜。微前端架構(gòu)可以將這種復(fù)雜性分解，使得各個(gè)團(tuán)隊(duì)可以獨(dú)立地開(kāi)發(fā)和維護(hù)各自的模塊，從而提高開(kāi)發(fā)效率和降低溝通成本，但是目前的微前端系統(tǒng)允許每個(gè)獨(dú)立模塊的代碼按需加載，但在應(yīng)用首次加載時(shí)，可能仍然需要加載多個(gè)模塊，導(dǎo)致初次加載耗時(shí)較多。
技術(shù)實(shí)現(xiàn)思路
1、本申請(qǐng)實(shí)施例提供了一種微前端系統(tǒng)，以至少解決相關(guān)技術(shù)中微前端系統(tǒng)子應(yīng)用加載效率較低的技術(shù)問(wèn)題。
2、根據(jù)本申請(qǐng)實(shí)施例的一個(gè)方面，提供了一種微前端系統(tǒng)，包括：生命周期模塊和預(yù)加載模塊；所述生命周期模塊，用于確定微前端系統(tǒng)中的子應(yīng)用在全生命周期中所處的階段，根據(jù)所述子應(yīng)用所處階段執(zhí)行目標(biāo)任務(wù)，以對(duì)所述子應(yīng)用的全生命周期進(jìn)行管理；所述預(yù)加載模塊，用于在微前端系統(tǒng)的當(dāng)前頁(yè)面空閑的情況下，預(yù)先加載運(yùn)行所述子應(yīng)用所需的資源。
3、可選地，所述生命周期模塊，包括：觸發(fā)子模塊，用于在所述子應(yīng)用加載完成的情況下，確定所述子應(yīng)用所處的階段為子應(yīng)用創(chuàng)建階段，在所述子應(yīng)用的文檔對(duì)象模型結(jié)構(gòu)未生成的情況下，確定所述子應(yīng)用所處的階段為子應(yīng)用渲染前階段，在所述子應(yīng)用被掛載到所述當(dāng)前頁(yè)面的情況下，確定所述子應(yīng)用所處的階段為子應(yīng)用掛載階段，將所述子應(yīng)用被卸載之前所處的階段確定
4、可選地，所述執(zhí)行子模塊，還用于：在所述子應(yīng)用所處的階段為所述子應(yīng)用創(chuàng)建階段的情況下，向所述子應(yīng)用發(fā)送第一指令，所述第一指令至少用于指示所述子應(yīng)用完成初始化，在所述子應(yīng)用所處的階段為所述子應(yīng)用渲染前階段的情況下，向所述子應(yīng)用發(fā)送第二指令，所述第二指令至少用于指示所述子應(yīng)用完成數(shù)據(jù)預(yù)處理，在所述子應(yīng)用所處的階段為所述子應(yīng)用掛載階段的情況下，向所述子應(yīng)用發(fā)送第三指令，所述第三指令至少用于指示所述子應(yīng)用完成掛載，在所述子應(yīng)用所處的階段為所述子應(yīng)用卸載階段的情況下，向所述子應(yīng)用發(fā)送第四指令，所述第四指令至少用于指示所述子應(yīng)用完成卸載，在所述子應(yīng)用所處的階段為所述錯(cuò)誤處理階段，獲取報(bào)錯(cuò)信息，并根據(jù)所述報(bào)錯(cuò)信息完成錯(cuò)誤修復(fù)。
5、可選地，所述預(yù)加載模塊，包括：加載子模塊、緩存子模塊和優(yōu)化子模塊；所述加載子模塊，用于將預(yù)設(shè)待加載資源分為關(guān)鍵資源和非關(guān)鍵資源，還用于按照所述關(guān)鍵資源和所述非關(guān)鍵資源的加載優(yōu)先級(jí)，依次完成加載，其中，所述關(guān)鍵資源的優(yōu)先級(jí)高于所述非關(guān)鍵資源；所述緩存子模塊，用于將預(yù)先加載的資源緩存到預(yù)設(shè)緩存中；所述優(yōu)化子模塊，用于在所述非關(guān)鍵資源中的圖片資源進(jìn)入所述當(dāng)前頁(yè)面的可視范圍內(nèi)的情況下，完成所述圖片資源的加載。
6、可選地，所述系統(tǒng)還包括：沙箱模塊；所述沙箱模塊，用于創(chuàng)建所述子應(yīng)用對(duì)應(yīng)的獨(dú)立執(zhí)行環(huán)境，還用于設(shè)置所述子應(yīng)用的訪問(wèn)權(quán)限，所述訪問(wèn)權(quán)限用于表征所述子應(yīng)用能夠訪問(wèn)的資源。
7、可選地，所述系統(tǒng)還包括：樣式隔離模塊；所述樣式隔離模塊，用于為所述子應(yīng)用的每個(gè)樣式添加預(yù)設(shè)前綴，所述預(yù)設(shè)前綴根據(jù)所述子應(yīng)用的標(biāo)識(shí)確定，以將所述子應(yīng)用的樣式作用范圍限制在所述子應(yīng)用中文檔對(duì)象模型結(jié)構(gòu)的元素。
8、可選地，所述系統(tǒng)還包括：數(shù)據(jù)通信模塊；所述數(shù)據(jù)通信模塊，用于控制所述微前端系統(tǒng)中的基座應(yīng)用向與所述基座應(yīng)用綁定的子應(yīng)用發(fā)送數(shù)據(jù)，并控制所述基座應(yīng)用接收與所述基座應(yīng)用綁定子應(yīng)用發(fā)送的數(shù)據(jù)。
9、可選地，所述系統(tǒng)還包括：插件管理模塊，用于掃描待加載的腳本語(yǔ)言文件，以確定所述待加載的腳本語(yǔ)言文件中錯(cuò)誤代碼，并對(duì)所述錯(cuò)誤代碼進(jìn)行修復(fù)，對(duì)待加載的腳本語(yǔ)言文件進(jìn)行壓縮。
10、根據(jù)本申請(qǐng)實(shí)施例的另一方面，還提供了一種微前端系統(tǒng)的控制方法，包括：獲取微前端系統(tǒng)的當(dāng)前頁(yè)面狀態(tài)，并在所述當(dāng)前頁(yè)面狀態(tài)為空閑的情況下，預(yù)先加載微前端系統(tǒng)中子應(yīng)用所需的資源；在完成預(yù)先加載后，獲取微前端系統(tǒng)中子應(yīng)用在全生命周期中所處的階段；根據(jù)所述子應(yīng)用所處階段執(zhí)行目標(biāo)任務(wù)，以對(duì)所述子應(yīng)用的全生命周期進(jìn)行管理。
11、根據(jù)本申請(qǐng)實(shí)施例的又一方面，還提供了一種計(jì)算機(jī)設(shè)備，包括：存儲(chǔ)器和處理器，其中，存儲(chǔ)器用于存儲(chǔ)程序指令；處理器，與存儲(chǔ)器連接，用于執(zhí)行上述微前端系統(tǒng)的控制方法。
12、根據(jù)本申請(qǐng)實(shí)施例的再一方面，還提供了一種非易失性存儲(chǔ)介質(zhì)，該非易失性存儲(chǔ)介質(zhì)包括存儲(chǔ)的計(jì)算機(jī)程序，其中，該非易失性存儲(chǔ)介質(zhì)所在設(shè)備通過(guò)運(yùn)行計(jì)算機(jī)程序執(zhí)行上述微前端系統(tǒng)的控制方法。
13、根據(jù)本申請(qǐng)實(shí)施例的再一方面，還提供了一種計(jì)算機(jī)程序產(chǎn)品，包括計(jì)算機(jī)指令，該計(jì)算機(jī)指令被處理器執(zhí)行時(shí)實(shí)現(xiàn)上述微前端系統(tǒng)的控制方法。
14、在本申請(qǐng)實(shí)施例中，通過(guò)生命周期模塊和預(yù)加載模塊；所述生命周期模塊，用于確定微前端系統(tǒng)中的子應(yīng)用在全生命周期中所處的階段，根據(jù)所述子應(yīng)用所處階段執(zhí)行目標(biāo)任務(wù)，以對(duì)所述子應(yīng)用的全生命周期進(jìn)行管理；所述預(yù)加載模塊，用于在微前端系統(tǒng)的當(dāng)前頁(yè)面空閑的情況下，預(yù)先加載運(yùn)行所述子應(yīng)用所需的資源，進(jìn)而解決了相關(guān)技術(shù)中微前端系統(tǒng)子應(yīng)用加載效率較低的技術(shù)問(wèn)題。
本文檔來(lái)自技高網(wǎng)...【技術(shù)保護(hù)點(diǎn)】
1.一種微前端系統(tǒng)，其特征在于，包括：
2.根據(jù)權(quán)利要求1所述的系統(tǒng)，其特征在于，所述生命周期模塊，包括：
3.根據(jù)權(quán)利要求2所述的系統(tǒng)，其特征在于，所述執(zhí)行子模塊，還用于：
4.根據(jù)權(quán)利要求3所述的系統(tǒng)，其特征在于，所述預(yù)加載模塊，包括：
5.根據(jù)權(quán)利要求1所述的系統(tǒng)，其特征在于，所述系統(tǒng)還包括：
6.根據(jù)權(quán)利要求1所述的系統(tǒng)，其特征在于，所述系統(tǒng)還包括：
7.根據(jù)權(quán)利要求1所述的系統(tǒng)，其特征在于，所述系統(tǒng)還包括：
8.根據(jù)權(quán)利要求1所述的系統(tǒng)，其特征在于，所述系統(tǒng)還包括：
9.一種微前端系統(tǒng)的控制方法，其特征在于，包括：
10.一種計(jì)算機(jī)程序產(chǎn)品，包括計(jì)算機(jī)指令，其特征在于，所述計(jì)算機(jī)指令被處理器執(zhí)行時(shí)實(shí)現(xiàn)權(quán)利要求9所述的微前端系統(tǒng)的控制方法。
【技術(shù)特征摘要】
1.一種微前端系統(tǒng)，其特征在于，包括：
2.根據(jù)權(quán)利要求1所述的系統(tǒng)，其特征在于，所述生命周期模塊，包括：
3.根據(jù)權(quán)利要求2所述的系統(tǒng)，其特征在于，所述執(zhí)行子模塊，還用于：
4.根據(jù)權(quán)利要求3所述的系統(tǒng)，其特征在于，所述預(yù)加載模塊，包括：
5.根據(jù)權(quán)利要求1所述的系統(tǒng)，其特征在于，所述系統(tǒng)還包括：
6.根據(jù)權(quán)利要求1所...
【專利技術(shù)屬性】
技術(shù)研發(fā)人員：馬英輝，李國(guó)棟，李生帛，孫軍芳，方晨，王婭云，趙云鵬，馬靜，王鈺琳，馬進(jìn)財(cái)，張永杰，李曉艷，魏永瑜，李增偉，趙洪凱，馬燕，霍瑋，冶秀蘭，馬元明，羅紅郊，張麗，王忠花，王欣，馬德勇，馬濤，張敬龍，吳豪，王澤，魏建寧，李龍，曹翰林，
申請(qǐng)(專利權(quán))人：國(guó)網(wǎng)青海省電力公司信息通信公司，
類型：發(fā)明
國(guó)別省市：
還沒(méi)有人留言評(píng)論。發(fā)表了對(duì)其他瀏覽者有用的留言會(huì)獲得科技券。