JavaScript中.min.js和.js文件的區(qū)別講解
更新時(shí)間：2019年02月13日 09:44:03 作者：IT_Girl
今天小編就為大家分享一篇關(guān)于JavaScript中.min.js和.js文件的區(qū)別講解，小編覺(jué)得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來(lái)看看吧
Q&A
Q: .js和.min.js文件分別是什么？
A: .js是JavaScript 源碼文件， .min.js是壓縮版的js文件。
Q：為什么要壓縮為.min.js文件？
- 減小體積 .min.js文件經(jīng)過(guò)壓縮，相對(duì)編譯前的js文件體積較小，傳輸效率快。
- 防止窺視和竊取源代碼 經(jīng)過(guò)編碼將變量和函數(shù)原命名改為毫無(wú)意義的命名，以防止他人窺視和竊取 js 源代碼
Q：.js 和.min.js文件的優(yōu)缺點(diǎn)？
.js文件：
優(yōu)點(diǎn)： 可讀性較好，易于debug和更改.
缺點(diǎn)：體積較大，傳輸時(shí)間長(zhǎng)
.min.js文件：
優(yōu)點(diǎn)：體積較小傳輸快, 源碼防竊
缺點(diǎn)：可讀性差
Q:如何生成.min.js文件？
使用壓縮工具：
Google的在線版本 Javascript Closure Compiler
壓縮工具參考list： http://www.fzitv.net/article/156179.htm
Q:壓縮原理？
- 壓縮：刪除 js 代碼中所有注釋、跳格符號(hào)、換行符號(hào)及無(wú)用的空格，從而壓縮 JS 文件大小。
- 混淆：經(jīng)過(guò)編碼將變量和函數(shù)原命名改為毫無(wú)意義的命名，刪除無(wú)用代碼，內(nèi)聯(lián)函數(shù)，等價(jià)語(yǔ)句替換等(以防止他人窺視和竊取源碼)
總結(jié)
以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，謝謝大家對(duì)腳本之家的支持。如果你想了解更多相關(guān)內(nèi)容請(qǐng)查看下面相關(guān)鏈接
您可能感興趣的文章:
- JavaScript中filter的用法實(shí)例分析
- JavaScript"模擬事件"的注意要點(diǎn)詳解
- JavaScript實(shí)現(xiàn)的拼圖算法分析
- PyQt5內(nèi)嵌瀏覽器注入JavaScript腳本實(shí)現(xiàn)自動(dòng)化操作的代碼實(shí)例
- 推薦15個(gè)最好用的JavaScript代碼壓縮工具
- 深入探討JavaScript的最基本部分之執(zhí)行上下文
- 談?wù)凧avaScript中super(props)的重要性
- JavaScript常用工具方法封裝
- JavaScript之解構(gòu)賦值的理解
- Javascript之高級(jí)數(shù)組API的使用實(shí)例
相關(guān)文章
JavaScript中繼承的一些示例方法與屬性參考，學(xué)習(xí)繼承的朋友可以參考下。2010-08-08
大家經(jīng)常用js實(shí)現(xiàn)打字機(jī)效果，最近發(fā)現(xiàn)這個(gè)不錯(cuò)2008-06-06
Jquery顏色選擇器ColorPicker實(shí)現(xiàn)代碼
這里我要分享一個(gè)自己修改的顏色選擇器，有需要的朋友參考下2012-11-11
js中top、clientTop、scrollTop、offsetTop的區(qū)別 文字詳細(xì)說(shuō)明版
之前在修改IE6下的一個(gè)顯示bug時(shí)，查到過(guò)這些，貼這備忘，后面給出了詳細(xì)說(shuō)明，以前的版本，沒(méi)仔細(xì)的說(shuō)明，特希望大家也收藏下。2011-01-01
這篇文章主要為大家詳細(xì)解析了Bootstrap模態(tài)窗口源碼，基本每行都加了注釋，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)商品篩選功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06
這篇文章主要介紹了javascript格式化json顯示,實(shí)例分析了javascript操作json格式化的相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04
這篇文章主要為大家介紹了uni-app的pages.json處理方案示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-01-01
JavaScript 數(shù)據(jù)類(lèi)型詳解
本文主要介紹了JavaScript數(shù)據(jù)類(lèi)型的相關(guān)知識(shí)。具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧2017-03-03
詳解微信小程序-canvas繪制文字實(shí)現(xiàn)自動(dòng)換行
這篇文章主要介紹了微信小程序canvas繪制文字實(shí)現(xiàn)自動(dòng)換行，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04