一種基于Java的web前端性能優(yōu)化及上線的方法和系統(tǒng)的制作方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及互聯(lián)網(wǎng)web前端開發(fā)領(lǐng)域，尤其涉及一種基于Java的web前端性能優(yōu)化及上線的方法和系統(tǒng)。
【背景技術(shù)】
[0002]當(dāng)今互聯(lián)網(wǎng)飛速發(fā)展，網(wǎng)絡(luò)用戶的需求變化既快又大，且不可捉摸，大部分網(wǎng)站的更新周期都是以日、小時甚至分鐘為單位。在這種情況下，網(wǎng)站的前端就成了變化最頻繁的部分。隨著互聯(lián)網(wǎng)公司對前端開發(fā)的逐漸重視，前端開發(fā)人數(shù)也越來越多，可是，技術(shù)人員的投入總是有限的。面對需求的快速變化，引發(fā)了很多如前端編碼規(guī)范、前端性能優(yōu)化、前端安全漏洞防范等方面的問題。為了解決這些問題，一種具有先進(jìn)開發(fā)思想和良好設(shè)計模式的前端模塊化技術(shù)正逐漸成熟，并受到越來越多公司的青睞。
[0003]前端模塊化技術(shù)的首要步驟就是將每個頁面拆分成很多個基本的模塊，然后將每個模塊生成一個單獨的文件，當(dāng)頁面要求加載時，使用載入相應(yīng)的js或css文件，這樣雖然將作為骨架的HTML與作為表現(xiàn)層的CSS以及實現(xiàn)行為的Javascript進(jìn)行了拆分，減少了他們之間的循環(huán)依賴、降低耦合、提高設(shè)計效率，但是同樣也為系統(tǒng)應(yīng)用帶來了各種各樣的問題。首先，應(yīng)用中會產(chǎn)生大量的模塊，不但不便于管理，還會使請求數(shù)猛增，如一個頁面有四個模塊，那就至少會產(chǎn)生4 (個模塊)X 2 (個類型:CSS/JS) = 8個請求，再加上一些函數(shù)庫，請求就會更多，另外，內(nèi)容未經(jīng)過壓縮也會造成嚴(yán)重的性能問題，阻塞頁面顯示。

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

[0004]本發(fā)明所要解決的技術(shù)問題是提供一種工作效率高操作簡便的基于Java的web前端性能優(yōu)化及上線的方法和系統(tǒng)。
[0005]本發(fā)明解決上述技術(shù)問題的技術(shù)方案如下:一種基于Java的web前端性能優(yōu)化及上線的方法，包括以下步驟:
[0006]步驟SI，預(yù)設(shè)指定配置文件；所述指定配置文件包括清理打包路徑、待合并壓縮的文件或目錄以及待刪除冗余文件標(biāo)識；
[0007]步驟S2，判斷當(dāng)前工程應(yīng)用根目錄下是否包含與所述指定配置文件相同名稱的配置文件；若包含則執(zhí)行步驟S3，若不包含，則提示異常信息并結(jié)束；
[0008]步驟S3，判斷當(dāng)前工程應(yīng)用根目錄下的配置文件中是否包括待合并壓縮的文件或目錄，若包含，則執(zhí)行步驟S4，若不包含，則直接執(zhí)行步驟S6 ;
[0009]步驟S4，對當(dāng)前工程應(yīng)用根目錄下的配置文件中的待合并壓縮的文件或目錄進(jìn)行有效性檢查，判斷是否通過所述有效性檢查，若通過，則執(zhí)行步驟S5，若沒有通過，則提示異常信息并結(jié)束；
[0010]步驟S5，將通過所述有效性檢查的待合并壓縮的文件進(jìn)行進(jìn)行壓縮合并處理，生成目標(biāo)文件，并將待合并壓縮的文件的源文件刪除；
[0011]步驟S6，將當(dāng)前工程應(yīng)用根目錄下的配置文件中符合所述待刪除冗余文件標(biāo)識的文件刪除。
[0012]在上述技術(shù)方案的基礎(chǔ)上，本發(fā)明還可以做如下改進(jìn)。
[0013]進(jìn)一步地，所述基于Java的web前端性能優(yōu)化及上線的方法的硬件環(huán)境為安裝有JDK的運行環(huán)境。
[0014]進(jìn)一步地，所述基于Java的web前端性能優(yōu)化及上線的方法的操作系統(tǒng)環(huán)境為linux/unix/unix 模擬環(huán)境。
[0015]進(jìn)一步地，步驟S4中，所述有效性檢查包括文檔結(jié)構(gòu)檢查和基本語法檢查。
[0016]進(jìn)一步地，將執(zhí)行完步驟S6之后的當(dāng)前工程應(yīng)用根目錄下的配置文件使用shell腳本進(jìn)行封裝打包和上線。
[0017]本發(fā)明解決上述技術(shù)問題的另一種技術(shù)方案如下:一種基于Java的web前端性能優(yōu)化及上線的系統(tǒng)，包括指定配置文件預(yù)設(shè)模塊、配置文件判斷模塊、待合并壓縮的文件或目錄判斷模塊、有效性檢查判斷模塊、壓縮合并模塊和冗余文件刪除模塊；
[0018]所述指定配置文件預(yù)設(shè)模塊用于預(yù)設(shè)指定配置文件；所述指定配置文件包括清理打包路徑、待合并壓縮的文件或目錄以及待刪除冗余文件標(biāo)識；
[0019]所述配置文件判斷模塊用于判斷當(dāng)前工程應(yīng)用根目錄下是否包含與所述指定配置文件相同名稱的配置文件；
[0020]所述待合并壓縮的文件或目錄判斷模塊用于判斷當(dāng)前工程應(yīng)用根目錄下的配置文件中是否包括待合并壓縮的文件或目錄；
[0021]所述有效性檢查判斷模塊用于對當(dāng)前工程應(yīng)用根目錄下的配置文件中的待合并壓縮的文件或目錄進(jìn)行有效性檢查并判斷是否通過所述有效性檢查；
[0022]所述壓縮合并模塊用于將通過所述有效性檢查的待合并壓縮的文件進(jìn)行進(jìn)行壓縮合并處理，生成目標(biāo)文件，并將待合并壓縮的文件的源文件刪除；
[0023]所述冗余文件刪除模塊用于將當(dāng)前工程應(yīng)用根目錄下的配置文件中符合所述待刪除冗余文件標(biāo)識的文件刪除。
[0024]在上述技術(shù)方案的基礎(chǔ)上，本發(fā)明還可以做如下改進(jìn)。
[0025]進(jìn)一步地，所述基于Java的web前端性能優(yōu)化及上線的系統(tǒng)的硬件環(huán)境為安裝有JDK的運行環(huán)境。
[0026]進(jìn)一步地，所述基于Java的web前端性能優(yōu)化及上線的系統(tǒng)的操作系統(tǒng)環(huán)境為linux/unix/unix 模擬環(huán)境。
[0027]進(jìn)一步地，有效性檢查判斷模塊中所述有效性檢查包括文檔結(jié)構(gòu)檢查和基本語法檢查。
[0028]進(jìn)一步地，經(jīng)過所述冗余文件刪除模塊后，將當(dāng)前工程應(yīng)用根目錄下的發(fā)生變更的配置文件使用shell腳本進(jìn)行封裝打包和上線。
[0029]本發(fā)明的有益效果是:本發(fā)明通過配置后，自動進(jìn)行代碼合并、壓縮，并刪除應(yīng)用冗余代碼，以此減少應(yīng)用運行期間對服務(wù)器的請求數(shù)，降低網(wǎng)絡(luò)間數(shù)據(jù)傳輸量，同時大大縮短代碼合并、壓縮等過程所消耗的時間，并且能夠在壓縮后同步更新線上代碼，本發(fā)明操作便捷，應(yīng)用原理通俗易懂，實施步驟簡潔明了，應(yīng)用人員能夠快速上手并熟練掌握，輕松達(dá)到應(yīng)用性能優(yōu)化及上線的效果，因此能簡化人員操作，提高工作效率。
【附圖說明】
[0030]圖1為本發(fā)明所述基于Java的web前端性能優(yōu)化及上線的方法流程圖；
[0031]圖2為本發(fā)明所述基于Java的web前端性能優(yōu)化及上線的系統(tǒng)結(jié)構(gòu)圖。
【具體實施方式】
[0032]以下結(jié)合附圖對本發(fā)明的原理和特征進(jìn)行描述，所舉實例只用于解釋本發(fā)明，并非用于限定本發(fā)明的范圍。
[0033]圖1為本發(fā)明所述基于Java的web前端性能優(yōu)化及上線的方法流程圖。
[0034]如圖1所示，一種基于Java的web前端性能優(yōu)化及上線的方法，包括以下步驟:
[0035]步驟SI，預(yù)設(shè)指定配置文件；所述指定配置文件包括清理打包路徑、待合并壓縮的文件或目錄以及待刪除冗余文件標(biāo)識；可以將配置文件的名稱設(shè)置為web-pack, xml ο
[0036]步驟S2，判斷當(dāng)前工程應(yīng)用根目錄下是否包含與所述指定配置文件相同名稱的配置文件，即是否包含名稱為web-pack, xml的配置文件；若包含則執(zhí)行步驟S3，若不包含，則提示異常信息并結(jié)束。
[0037]步驟S3，判斷當(dāng)前工程應(yīng)用根目錄下的配置文件中是否包括待合并壓縮的文件或目錄，若包含，則執(zhí)行步驟S4，若不包含，則直接執(zhí)行步驟