[發明專利]一種國產CPU按需加載JavaScript文件的方法及裝置

在審

• 申請號: 202210180016.X
• 申請日: 2022-02-25
• 公開（公告）號: CN114546531A
• 公開（公告）日: 2022-05-27
• 發明（設計）人: 蘇亞男;李楊;王瑩
• 申請（專利權）人: 浪潮軟件集團有限公司
• 主分類號: G06F9/445
• 分類號: G06F9/445;G06F9/455;G06F16/957
• 代理公司: 濟南信達專利事務所有限公司 37100
• 代理人: 姜麗潔

本發明涉及構建web站點技術領域，具體提供了一種國產CPU按需加載JavaScript文件的方法，首先創建一個空白HTML5頁面，指定僅受首屏展現需要用到的js文件，不包含點擊登錄需要的js文件；根據loadJsFile將首屏加載需要的js文件以數組的形式進行傳入，通過js文件特征向量計算，然后分析js文件各個函數，將控制流圖的基本單元轉換成固定長度的向量，抽取一個固定長度的向量為最小單元，相當于一個元，將js文件分割成若干元，即js文件由若干元組成。與現有技術相比，本發明不需要的文件不加載，需要的文件，只有在需要的時候加載，并且不會重復加載，比較快捷。

技術領域

本發明涉及構建web站點技術領域，具體提供一種國產CPU按需加載JavaScript文件的方法及裝置。

背景技術

隨著國家對信創的大力支持，行業發展迅速，國內涌現出一批優秀的信創軟硬件產品，已經可以滿足日常使用，越來越多基于信創軟硬件的Web應用軟件系統在很多行業投入使用。

目前JS文件的加載模式是阻塞加載，即：只有當前一個JS文件完整地加載完才能加載下一個JS文件資源，如果前一個JS過大，或者訪問超時了，導致網頁一直處于空白等待，會導致頁面展現在用戶面前消耗大量的時間。

但是在前端性能優化方面一直都只是傳統的優化，比如：資源的合并與壓縮，圖片編碼的原理，以及類型的選擇，瀏覽器的渲染機制，懶加載、預加載、瀏覽器存儲、緩存機制、PWA和Vue-SSR等，最小化HTTP的請求，使用內容交付網絡，避免空src或是href。添加過期或者是緩存控制標頭，gzip組件，將styleSheets放在頂部，將腳本放在最下面，避免css表達式，減少dns的查找。將js和css設置為外部，避免重定向，配置etag，使用ajax緩存，減少dom元素的數量，沒有404，減少cookie的大小，不縮放HTML中的圖像，避免使用過濾器，使用favicon.icon小型且可緩存。

這些雖然能夠起到一定的作用，但是在與使用起來需要多種技術糅合起來，過于繁瑣，極致壓縮文件或導致我們使用的不便，修改代碼還要解壓縮，修改完再壓縮回去，非常的麻煩。

發明內容

本發明是針對上述現有技術的不足，提供一種實用性強的按需加載JavaScript文件的方法

本發明進一步的技術任務是提供一種設計合理，安全適用的按需加載JavaScript文件的裝置。

本發明解決其技術問題所采用的技術方案是：

一種國產CPU按需加載JavaScript文件的方法，首先創建一個空白HTML5頁面，指定僅受首屏展現需要用到的js文件，不包含點擊登錄需要的js文件；

根據loadJsFile將首屏加載需要的js文件以數組的形式進行傳入，通過js文件特征向量計算，然后分析js文件各個函數，將控制流圖的基本單元轉換成固定長度的向量，抽取一個固定長度的向量為最小單元，相當于一個元，將js文件分割成若干元，即js文件由若干元組成。

進一步的，具有如下步驟：

S1、加載loadJsFile，傳入一個回調函數；

S2、獲取js文件的特征向量；

S3、對傳入的js文件進行函數分析；

S4、將js文件分割成若干元；

S5、將元進行去重處理；

S6、將元與特征向量分割，放置到傳入js的副本中；

S7、將生成的副本js創建標簽。

作為優選，在步驟S1中，傳入一個回調函數，回調函數內部有一個loader對象，所述loader對象包括load方法，load方法是將需要加載的js以數組的形式傳入。