javascript 中 .min.js 和.js 文件的區(qū)別？

superw 發(fā)布于2019-08-22 11:12 / 2899人閱讀

摘要：和文件分別是什么是源碼文件，是壓縮版的文件。為什么要壓縮為文件減小體積文件經(jīng)過壓縮，相對編譯前的文件體積較小，傳輸效率快。混淆經(jīng)過編碼將變量和函數(shù)原命名改為毫無意義的命名，刪除無用代碼，內(nèi)聯(lián)函數(shù)，等價(jià)語句替換等以防止他人窺視和竊取源碼

Q&A

Q: .js和.min.js文件分別是什么？
A: .js是JavaScript 源碼文件， .min.js是壓縮版的js文件。

Q：為什么要壓縮為.min.js文件？

減小體積
.min.js文件經(jīng)過壓縮，相對編譯前的js文件體積較小，傳輸效率快。

防止窺視和竊取源代碼
經(jīng)過編碼將變量和函數(shù)原命名改為毫無意義的命名，以防止他人窺視和竊取 js 源代碼

Q：.js 和.min.js文件的優(yōu)缺點(diǎn)？

.js文件：
  優(yōu)點(diǎn)： 可讀性較好，易于debug和更改.
  缺點(diǎn)：體積較大，傳輸時(shí)間長
  
.min.js文件：
  優(yōu)點(diǎn)：體積較小傳輸快, 源碼防竊
  缺點(diǎn)：可讀性差

Q:如何生成.min.js文件？
使用壓縮工具：

Google的在線版本 Javascript Closure Compiler 
壓縮工具參考list：  [http://www.cnblogs.com/lhb25/p/15-best-javascript-minifying-tools.html][1]

Q:壓縮原理？

壓縮：刪除 js 代碼中所有注釋、跳格符號、換行符號及無用的空格，從而壓縮
JS 文件大小。

混淆：經(jīng)過編碼將變量和函數(shù)原命名改為毫無意義的命名，刪除無用代碼，內(nèi)聯(lián)函數(shù)，等價(jià)語句替換等(以防止他人窺視和竊取源碼)

云服務(wù)器 GPU云服務(wù)器 js和javascript的區(qū)別 min.js文件 php和javascript的區(qū)別 javascript和jquery的區(qū)別

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

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/91974.html

相關(guān)文章

JavaScript模塊發(fā)展變遷史

摘要：前兩天有朋友拿了這樣一段代碼來問我，我想把一段代碼寫成模塊化的樣子，你幫我看看是不是這樣的。的一個(gè)好處在與依賴前置，所有被使用到的模塊都會被提前加載好，從而加快運(yùn)行速度。前兩天有朋友拿了這樣一段代碼來問我，我想把一段代碼寫成模塊化的樣子，你幫我看看是不是這樣的。，代碼大概是這樣的： (function(global) { var myModules = { n...

姘存按 2019-08-22 14:00 評論0 收藏0
#JavaScript# 插件、組件、類庫、框架的區(qū)別

摘要：常用的類庫有插件把項(xiàng)目中某一部分進(jìn)行插件分裝，具備具體的業(yè)務(wù)邏輯，有針對性。常用的組件有組件框架比上面的三個(gè)都要龐大。它不僅提供了很多常用的方法，而且也可以支持一些插件的擴(kuò)展可以把一些插件集成到框架中運(yùn)行，提供了非常優(yōu)秀的代碼管理設(shè)計(jì)思想。類庫：提供了一些真實(shí)項(xiàng)目開發(fā)中常用的方法，這些方法做了一些完善處理，比如兼容處理、細(xì)節(jié)優(yōu)化等，方便我們開發(fā)和維護(hù)。常用的類庫有：JQuery、Ze...

Towers 2019-08-23 18:03 評論0 收藏0
JavaScript開發(fā)工具簡明歷史

摘要：首先，我們需要安裝選項(xiàng)表示模塊時(shí)開發(fā)環(huán)境中需要的依賴庫，而生產(chǎn)環(huán)境中并不需要。首先，我們需要安裝我們一共安裝了個(gè)模塊是的核心部分定義了轉(zhuǎn)碼規(guī)則是的插件。年時(shí)，是最流行的任務(wù)管理工具，其次是。修改，即可配置我們定義了個(gè)，即和。譯者按： JavaScript開發(fā)要用到的工具越來越多，越來越復(fù)雜，為什么呢？你真的弄明白了嗎？原文: Modern JavaScript Explained ...

enali 2019-08-21 17:55 評論0 收藏0
Source Map入門教程

摘要：多個(gè)文件合并，減少請求數(shù)。生成的多了，表示文件的位置。轉(zhuǎn)換前的所有變量名和屬性名。自從年雙十一正式上線，累計(jì)處理了億錯(cuò)誤事件，得到了金山軟件等眾多知名用戶的認(rèn)可。部署前端之前，開發(fā)者通常會對代碼進(jìn)行打包壓縮，這樣可以減少代碼大小，從而有效提高訪問速度。然而，壓縮代碼的報(bào)錯(cuò)信息是很難Debug的，因?yàn)樗男刑柡土刑栆呀?jīng)失真。這時(shí)就需要Source Map來還原真實(shí)的出錯(cuò)位置了。 sho...

archieyang 2019-08-21 11:38 評論0 收藏0
帶你玩轉(zhuǎn)小程序開發(fā)實(shí)踐｜含直播回顧視頻

摘要：小程序的視圖層目前使用作為渲染載體，而邏輯層是由獨(dú)立的作為運(yùn)行環(huán)境。比如小程序的，通信一次就像是寫情書所以，嚴(yán)格來說，小程序是微信定制的混合開發(fā)模式。出棧入棧解決小程序接口不支持的問題小程序的所有接口，都是通過傳統(tǒng)的回調(diào)函數(shù)形式來調(diào)用的。作者：張利濤，視頻課程《微信小程序教學(xué)》、《基于Koa2搭建Node.js實(shí)戰(zhàn)項(xiàng)目教學(xué)》主編，滬江前端架構(gòu)師本文原創(chuàng)，轉(zhuǎn)載請注明作者及出處小程...

fxp 2019-08-22 11:23 評論0 收藏0