[發(fā)明專利]JS文件處理方法和裝置

在審

• 申請?zhí)枺?/td>: 201410758273.2
• 申請日: 2014-12-10
• 公開（公告）號: CN104484383A
• 公開（公告）日: 2015-04-01
• 發(fā)明（設(shè)計）人: 馮鴛鶴;孫德彬
• 申請（專利權(quán)）人: 北京國雙科技有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30
• 代理公司: 北京康信知識產(chǎn)權(quán)代理有限責(zé)任公司 11240
• 代理人: 吳貴明;張永明

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

本發(fā)明涉及網(wǎng)頁處理領(lǐng)域，具體而言，涉及一種JS文件處理方法和裝置。

背景技術(shù)

目前網(wǎng)站的富前端現(xiàn)象越來越嚴(yán)重，而很多的前端功能都是需要引用第三方的JS文件來完成，所以網(wǎng)頁加載引用JS文件已經(jīng)成為一種網(wǎng)站開發(fā)的比較常見方式。

由于JS文件是阻塞加載模式，也就說如果網(wǎng)頁順序加載到JS文件時，只有完整加載了引用的JS文件，才會繼續(xù)加載網(wǎng)頁上JS文件之后的元素；如果這個過程中JS文件訪問超時，網(wǎng)頁也會一直等待，至超時之后再去加載別的元素。這樣嚴(yán)重影響網(wǎng)頁加載速度，導(dǎo)致網(wǎng)頁速度較慢。

針對現(xiàn)有技術(shù)中網(wǎng)頁加載速度慢的問題，目前尚未提出有效的解決方案。

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

本發(fā)明的主要目的在于提供一種JS文件處理方法和裝置，以解決現(xiàn)有技術(shù)中網(wǎng)頁加載速度慢的問題。

為了實現(xiàn)上述目的，根據(jù)本發(fā)明實施例的一個方面，提供了一種JS文件處理方法。根據(jù)本發(fā)明的JS文件處理方法包括：接收網(wǎng)頁加載請求，其中，上述網(wǎng)頁加載請求用于請求加載目標(biāo)網(wǎng)頁，上述目標(biāo)網(wǎng)頁引用第一JS文件，上述第一JS文件為用于加載第二JS文件的框架文件，上述第二JS文件為用于實現(xiàn)前端功能的JS文件；基于上述網(wǎng)頁加載請求加載上述目標(biāo)網(wǎng)頁并在上述目標(biāo)網(wǎng)頁上加載上述目標(biāo)網(wǎng)頁引用的上述第一JS文件；以及通過上述第一JS文件加載上述第二JS文件。

進(jìn)一步地，上述第一JS文件攜帶有上述第二JS文件的位置參數(shù)，上述位置參數(shù)用于表示上述目標(biāo)網(wǎng)頁加載上述第二JS文件的頁面位置，其中，通過上述第一JS文件加載上述第二JS文件包括：基于上述位置參數(shù)通過上述第一JS文件將上述第二JS文件加載到上述頁面位置。

進(jìn)一步地，上述第二JS文件包括多個JS文件，上述第一JS文件攜帶有上述多個JS文件的加載順序，其中，通過上述第一JS文件加載上述第二JS文件包括：通過上述第一JS文件按照上述加載順序依次加載上述多個JS文件。

進(jìn)一步地，在接收網(wǎng)頁加載請求之前，上述JS文件處理方法還包括：創(chuàng)建上述第一JS文件；在上述第一JS文件中添加用于表示上述多個JS文件的加載順序的參數(shù)；以及將上述第一JS文件引用到上述目標(biāo)網(wǎng)頁。

進(jìn)一步地，通過上述第一JS文件加載上述第二JS文件包括：在加載完上述第一JS文件之后，以及加載完上述目標(biāo)網(wǎng)頁之前，通過上述第一JS文件異步加載上述第二JS文件；或者在加載完上述目標(biāo)網(wǎng)頁之后，通過上述第一JS文件加載上述第二JS文件。

為了實現(xiàn)上述目的，根據(jù)本發(fā)明實施例的另一方面，提供了一種JS文件處理裝置。根據(jù)本發(fā)明的JS文件處理裝置可以包括：接收單元，用于接收網(wǎng)頁加載請求，其中，上述網(wǎng)頁加載請求用于請求加載目標(biāo)網(wǎng)頁，上述目標(biāo)網(wǎng)頁引用第一JS文件，上述第一JS文件為用于加載第二JS文件的框架文件，上述第二JS文件為用于實現(xiàn)前端功能的JS文件；第一加載單元，用于基于上述網(wǎng)頁加載請求加載上述目標(biāo)網(wǎng)頁并在上述目標(biāo)網(wǎng)頁上加載上述目標(biāo)網(wǎng)頁引用的上述第一JS文件；以及第二加載單元，用于通過上述第一JS文件加載上述第二JS文件。

進(jìn)一步地，上述第一JS文件攜帶有上述第二JS文件的位置參數(shù)，上述位置參數(shù)用于表示上述目標(biāo)網(wǎng)頁加載上述第二JS文件的頁面位置，其中，上述第二加載單元可以包括：第一加載模塊，用于基于上述位置參數(shù)通過上述第一JS文件將上述第二JS文件加載到上述頁面位置。

進(jìn)一步地，上述第二JS文件可以包括多個JS文件，上述第一JS文件攜帶有上述多個JS文件的加載順序，其中，上述第二加載單元可以包括：第二加載模塊，用于通過上述第一JS文件按照上述加載順序依次加載上述多個JS文件。

進(jìn)一步地，上述JS文件處理裝置還可以包括：創(chuàng)建單元，用于在接收網(wǎng)頁加載請求之前，創(chuàng)建上述第一JS文件；添加單元，用于在上述第一JS文件中添加用于表示上述多個JS文件的加載順序的參數(shù)；以及引用單元，用于將上述第一JS文件引用到上述目標(biāo)網(wǎng)頁。

進(jìn)一步地，上述第二加載單元可以包括：第三加載模塊，用于在加載完上述第一JS文件之后，以及加載完上述目標(biāo)網(wǎng)頁之前，通過上述第一JS文件異步加載上述第二JS文件；或者第四加載模塊，用于在加載完上述目標(biāo)網(wǎng)頁之后，通過上述第一JS文件加載上述第二JS文件。