代碼壓縮後

A. js 壓縮後的代碼如何調試

我想你問的是不是類似UglifyJS之類的混淆過的JS代碼？這種壓縮通常會把變數、函數名之類的改成非常短的名稱，因此這種壓縮過的代碼就難以識別了。

對於這種代碼，推薦的思路是先看瀏覽器中是否有報錯，然後根據錯誤來判斷自己原始代碼里可能出錯的位置；如果沒有報錯，那也是斷定大概的位置，然後Chrome里打開開發者工具里的Sources，打開自己的代碼，用這個地方可以對代碼進行重新排版：

當然，如果是uglify過的代碼還是很難看，只能根據自己實際代碼里的一些常量內容作為關鍵詞在瀏覽器的代碼裡面搜自己可能的位置，然後加斷點推測去調試。

上面的辦法，都是在你對壓縮JS這個過程沒有控制的情況下，如果是你自己壓縮JS代碼，可以在壓縮的時候同時生成sourcemap文件，一般是xxx.js.map文件。如果連同這個文件一起部署，那麼在開發者工具中打開的時候，也可以看到最原始的代碼了。這是最推薦的辦法，調試起來也是最輕松的。

B. 程序員如何規范代碼的編寫方法

對盯仿野於每個程序員來說，養成良好的代碼編寫方法是非常關鍵的。在編寫代碼的過程中，每個人的方法是不同的，那麼應該如何規范自己代碼編寫的方法呢？規范編寫代碼有哪些要求呢？下面電腦培訓帶大家認識代碼編寫的方法。

一、保證代碼壓縮後不會出錯

對於大的javaScript項目大消，一般來說，包含在項目中的所有JavaScript文件在產品公開時都會被壓縮。為了正確壓縮代碼，通常需要考慮壓縮工具的必要條件，如句子用分號正常結束，中括弧結束等。因此，IT培訓發現當編寫代碼沒有按照標准進行時，在發生壓縮錯誤後再次尋找錯誤是浪費時間的。

二、保證代碼能夠通過自動格式化功能

一般情況下需要使用完善的開發工具進行自動化格式功能，這個功能能夠進行換行、縮進和空格等方法的代碼編排，並且還可以設置自己喜歡的格式。別人在閱讀你的代碼時需要使用IDE進行格式轉換，以滿足個人的閱讀風格。天通苑北大青鳥認為閱讀代碼能夠更加深入的了解代碼調用和細節的實現，這是簡單的文檔不能實現的。

三、使用標準的文檔注釋

這是編寫代碼中最基凱喊本的要求，能夠很好的了解代碼的提示，並且還可以利用配套的文檔工具生產其他格式讓別人閱讀。北大青鳥認為編寫完整的注釋還可以使團隊成員更容易閱讀您的代碼。通過您的參數描述，團隊成員很容易了解您想要傳遞參與實現細節和編寫的方法。

C. 壓縮後的JS代碼怎樣解壓縮

一般壓縮都經過混淆，如果你看到變數名都是A,B,C,D之類的無規則的命名，那就是被混淆過的，一般來說也很難閱讀，就算你 還原了格式。

如果是沒有混淆的，你可以試試用js的格式化工具來重新格式化一下的，比如：
/* 美化：格式化代碼，使之容易閱讀 */
/* 凈化：去掉代碼中多餘的注釋、換行、空格等 */
/* 壓縮：將代碼壓縮為更小體積，便於傳輸 */
/* 解壓：將壓縮後的代碼轉換為人可以閱讀的格式 */
/* 混淆：將代碼的中變數名簡短化以減小體積，但可讀性差，經混淆後的代碼無法還原 */

/* 如果有用，請別忘了推薦給你的朋友： */
/* javascript在線美化、凈化、壓縮、解壓：http://tool.lu/js */

/* 以下是演示代碼 */
var Inote = {};
Inote.JSTool = function(options) {
this.options = options || {};
};
Inote.JSTool.prototype = {
_name: 'Javascript工具',
_history: {
'v1.0': ['2011-01-18', 'javascript工具上線'],
'v1.1': ['2012-03-23', '增加混淆功能'],
'v1.2': ['2012-07-21', '升級美化功能引擎'],
'v1.3': ['2014-03-01', '升級解密功能，支持eval,window.eval,window["eval"]等的解密'],
'v1.4': ['2014-08-05', '升級混淆功能引擎'],
'v1.5': ['2014-08-09', '升級js壓縮引擎'],
'v1.6': ['2015-04-11', '升級js混淆引擎']
},
options: {},
getName: function() {return this._name;},
getHistory: function() {
return this._history;}
};
var jstool = new Inote.JSTool();

D. vue-codemirror代碼格式化後,怎樣壓縮代碼

具體操作步驟如下：
1、設置proctionSourceMap為false。如果不需要生產環境的 source map，可以將其設置為 false 以加速生產環境構建。設置為false打包時候不會出現.map文件。
2、代碼壓縮。安裝uglifyjs-webpack-plugin插件，可以去除項目中console.log和debugger。
3、圖片資源壓縮。
安裝 image-webpack-loader 插件，可以將大圖片進行壓縮從而縮小打包體積。
4、開啟gzip壓縮。

E. JS文件壓縮優化後會影響文件本身執行嗎

規范的js代碼壓縮後沒有影響，體積會小很多。

不規范的js代碼（如：少冒號，逗號.......等等），不壓縮一般沒問題，一旦壓縮各種報錯。

所以寫代碼盡量要規范。

F. js 壓縮後的代碼如何調試

最好的方法是使用穗皮臘在線工具HCJCompress，不僅壓縮HTML、CSS、JS，具有還原功能。

1、進入HCJCompress。

2、根據文件數量，增刪輸入窗口的數量。

這種方法完美將代碼還原到源代碼中，根據握渣上下文和注釋，調試工作，應該順利一些吧。