uglify 和 GCC 壓縮對(duì)比

goji 發(fā)布于2019-08-19 14:38 / 1456人閱讀

摘要：最后彈出拼接后的結(jié)果。經(jīng)過(guò)壓縮后再格式化可以看出，只是簡(jiǎn)單的縮短了變量名，代碼結(jié)果沒(méi)有發(fā)生變化。經(jīng)過(guò)壓縮后直接改變了原有代碼結(jié)構(gòu)，去除了啰嗦的代碼，直接輸出運(yùn)行結(jié)果。對(duì)比很明顯，的壓縮顯得更加智能。

舉個(gè)例子

var fn = function() {
    var string = "123",

    concatString = function(s) {
        return string + s;
    };

    return concatString;
}();

var string = fn("456");

alert(string);

這段代碼實(shí)現(xiàn)的就是拼接字符串的功能，故意寫(xiě)的啰嗦。最后彈出拼接后的結(jié)果。

經(jīng)過(guò)uglify壓縮后再格式化：

var fn = function() {
  var n = "123",
    r = function(r) {
      return n + r
    };
  return r
}(),
  string = fn("456");
alert(string);

可以看出，uglify只是簡(jiǎn)單的縮短了變量名，代碼結(jié)果沒(méi)有發(fā)生變化。

經(jīng)過(guò)GCC壓縮后：

alert("123456");

GCC直接改變了原有代碼結(jié)構(gòu)，去除了啰嗦的代碼，直接輸出運(yùn)行結(jié)果。

對(duì)比很明顯，GCC的壓縮顯得更加智能。

GPU云服務(wù)器云服務(wù)器 uglify uglify報(bào)錯(cuò) php網(wǎng)頁(yè)上傳和壓縮 flink和spark對(duì)比

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/78044.html

相關(guān)文章

前端性能優(yōu)化——加載頁(yè)面和靜態(tài)資源（入門(mén)級(jí)別）

摘要：服務(wù)器可以在與每次客戶(hù)端傳送的字段進(jìn)行比較，如果相等，則表示未修改，響應(yīng)反之，則表示已修改，響應(yīng)狀態(tài)碼，返回新資源。最近一直在準(zhǔn)備面試，接觸了一些性能優(yōu)化方面的知識(shí)，前端性能優(yōu)化主要從兩個(gè)方面進(jìn)行： 1.加載頁(yè)面和靜態(tài)資源；2.頁(yè)面渲染；這篇文章主要講第一點(diǎn)：加載頁(yè)面和靜態(tài)資源加載頁(yè)面和靜態(tài)資源主要可以從三個(gè)角度進(jìn)行：靜態(tài)資源的合并、壓縮(http2.0時(shí)代有變) 靜態(tài)資源...

moven_j 2019-08-26 11:49 評(píng)論0 收藏0
前端構(gòu)建的初步嘗試

摘要：前言這篇文章的主要目的是告訴大家構(gòu)建工具可以做那些事情大家不必去深入研究這個(gè)東西最基本的是有個(gè)概念什么是前端構(gòu)建在平時(shí)我們?yōu)g覽一些大型的站點(diǎn)會(huì)發(fā)現(xiàn)其中的一些經(jīng)過(guò)壓縮去掉了空白符注釋經(jīng)過(guò)了混淆和壓縮一些引用的文件的鏈接會(huì)加上奇怪的字串文件例如前言這篇文章的主要目的是告訴大家,構(gòu)建工具可以做那些事情.大家不必去深入研究這個(gè)東西.最基本的是有個(gè)概念. 什么是前端構(gòu)建? 在平時(shí)我們?yōu)g覽一些...

Keven 2019-08-01 15:38 評(píng)論0 收藏0
前端工具系列之一 Gulp

摘要：從大約年開(kāi)始前端不再是當(dāng)初那個(gè)切圖排版的前端了，各種框架庫(kù)工具呈井噴之勢(shì)層出不窮。作為一個(gè)怕麻煩的懶人，對(duì)于前端的繁雜工作當(dāng)然是要找一個(gè)自動(dòng)化工具來(lái)處理，于是我遇到了。從(大約)2014年開(kāi)始,前端不再是當(dāng)初那個(gè)切圖排版的前端了，各種MV*框架、庫(kù)、工具呈井噴之勢(shì)層出不窮。構(gòu)建工具比較有名的如Grunt、Gulp、Yeoman、webpack；依賴(lài)管理比如bower、npm，當(dāng)然最流...

xiongzenghui 2019-08-21 10:51 評(píng)論0 收藏0
用gulp構(gòu)建一個(gè)簡(jiǎn)單常用的的環(huán)境

摘要：簡(jiǎn)單做點(diǎn)通俗的講解。如果你想要?jiǎng)?chuàng)建一個(gè)序列化的隊(duì)列，并以特定的順序執(zhí)行，嗯，戳文檔文檔。自然是表示任意，全部。到這里，其實(shí)就是一個(gè)小規(guī)模的調(diào)試環(huán)境，接下來(lái)，讓我們升級(jí)一下，開(kāi)始構(gòu)造簡(jiǎn)單的發(fā)布環(huán)境壓縮采用的是插件。做一個(gè)的就好，只需要。 gulp作為一個(gè)自動(dòng)化構(gòu)建工具，在前端開(kāi)發(fā)中大大的提高了開(kāi)發(fā)效率，前端開(kāi)發(fā)者們可以利用他減少許多繁復(fù)無(wú)腦的操作。這里簡(jiǎn)單構(gòu)建一個(gè)小環(huán)境，就可以在以后的學(xué)...

Shimmer 2019-08-22 17:15 評(píng)論0 收藏0
前端構(gòu)建工具整理

摘要：常見(jiàn)前端構(gòu)建工具的分類(lèi)和對(duì)比是附帶的包管理器，是內(nèi)置的一個(gè)功能，允許在文件里面使用字段定義任務(wù)在這里，一個(gè)屬性對(duì)應(yīng)一段腳本，原理是通過(guò)調(diào)用去運(yùn)行腳本命令。前文端技術(shù)范圍不斷發(fā)展，前端開(kāi)發(fā)不僅限于直接編寫(xiě)html，css和javascript，Web應(yīng)用日益龐大，代碼也更加龐大，因此許多新的思想（例如模塊化和工程化等）和框架（React和Vue等），以及新的語(yǔ)言（Es6 TypeSc...

leo108 2019-08-23 10:53 評(píng)論0 收藏0