使用Microsoft Ajax Minifier减小JavaScript文件大小的方法_javascript技巧

在Windows服务器上使用IIS 7.0来宿主你的网站时,你可以配置IIS来自动地使用GZIP压缩算法来压缩你的JavaScript文件,这在性能和文件的下载大小方面提供显著的改进。但是,你可以同时通过压缩和缩小(minifying)你的JavaScript文件来得到附加的性能好处。Steve Sounders在他的优秀图书


下面是用Microsoft Ajax Minifier(启用了超级压扁级别)缩小后的JavaScript文件:

注意,所有不必要的空白都被除去了,还注意,函数的参数firstValue和 secondValue 被重新命名为b 和 a了。

Microsoft Ajax Minifier下载包含了下述组件:

  • ajaxmin.exe – 缩小JavaScript文件的命令行工具
  • ajaxmintask.dll – 在Visual Studio项目中缩小JavaScript文件的MSBuild任务
  • ajaxmin.dll – 可用在C# 或 VB.NET 应用中缩小JavaScript文件的组件

在安装Microsoft Ajax Minifier之后,你可以使用Microsoft Ajax Minifier命令行工具在控制台命令行上缩小JavaScript文件。

你也可以选择将Microsoft Ajax Minifier作为一个自定义的MSBuild任务加到 Visual Studio中去。将该MSBuild任务加到你的Visual Studio项目文件中去,允许你在任何时候编译时,自动地缩小所有的JavaScript文件,允许你以自动化的方式进行缩小操作。

时间: 2024-08-03 23:14:38

使用Microsoft Ajax Minifier减小JavaScript文件大小的方法_javascript技巧的相关文章

js+ajax实现获取文件大小的方法_javascript技巧

本文实例讲述了js+ajax实现获取文件大小的方法.分享给大家供大家参考,具体如下: 顾名思义,通过JS和Ajax来获取上传文件的大小,在上传之前可以有个判断,对上传的文件有所控制,因为js控制文件大小(JS获取文件大小)有些问题,具体大家试下就知道了,在此整理了一下ajax的获取文件大小的方法,比较好用,再调试过程中,出现了c:/fakepath/ 的错误,也将解决方案罗列在下面,以供大家参考 废话少说,代码如下 JS如下: <script language="Jscript"

Vue.js Ajax动态参数与列表显示实现方法_javascript技巧

Vue.js简介 vue是法语中视图的意思,Vue.js是一个轻巧.高性能.可组件化的MVVM库,同时拥有非常容易上手的API. 一.动态参数显示 ajax异步请求后,接收到返回的data参数并显示在前端 1.1 引入js,也加入了jQuery <script type="text/javascript" src="/js/vue.min.js"></script> <script type="text/javascript&

浅谈javascript中replace()方法_javascript技巧

定义和用法 replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串.语法stringObject.replace(regexp/substr,replacement) 返回值 一个新的字符串,是用 replacement 替换了 regexp 的第一次匹配或所有匹配之后得到的.说明 字符串 stringObject 的 replace() 方法执行的是查找并替换的操作.它将在 stringObject 中查找与 regexp 相匹配的子字符串,然后用 r

JS实现根据文件字节数返回文件大小的方法_javascript技巧

本文实例讲述了JS实现根据文件字节数返回文件大小的方法.分享给大家供大家参考,具体如下: function getFileSize(fileByte) { var fileSizeByte = fileByte; var fileSizeMsg = ""; if (fileSizeByte < 1048576) fileSizeMsg = (fileSizeByte / 1024) + "KB"; else if (fileSizeByte == 104857

异步安全加载javascript文件的方法_javascript技巧

本文实例讲述了异步安全加载javascript文件的方法.分享给大家供大家参考.具体如下: 使用方法: (function() { __safeLoadScript("http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js", function() { alert(jQuery); }); })(); JavaScript实现代码: window.__safeLoadScript = function(src, c

浅析JavaScript事件和方法_javascript技巧

单击一个超链接触发事件 1.用a标签的onclick <a href="#" onclick="js代码"> 这种写法呢,存在一种弊端,就是点击后会刷新一次页面,回到页面顶端. 想不刷新如何做的呢? 复制代码 代码如下: <a href="javascript:void(0)" onclick="js代码"> 2.#与javascript:void(0)的区别 超链接为"死链"时,使

JavaScript自定义数组排序方法_javascript技巧

本文实例讲述了JavaScript自定义数组排序方法.分享给大家供大家参考.具体分析如下: Array中有自带的排序功能,这个使用起来比较方便,我们有一点必须清楚,就是排序的依据,如果sort不传入参数的话,那就是按照字符编码(Unicode编码)的顺序排序. var a=["3","2","1"]; console.log(a[0].charCodeAt(0)); // 51 console.log(a[1].charCodeAt(0)); /

同一个网页中实现多个JavaScript特效的方法_javascript技巧

本文实例讲述了同一个网页中实现多个JavaScript特效的方法.分享给大家供大家参考.具体分析如下: 一般来说,在网页中,如果出现两次<script type="text/javascript"></script>标签,所有的JavaScipt脚本都不会再生效,只能出现一次<script type="text/javascript"></script>标签,但是,同一个网页中常常需要多个JavaScript特效. 一

JavaScript Math.round() 方法_javascript技巧

 Math.round()方法的定义和用法: Math.round()方法将对参数进行四舍五入操作. 点击可参阅更多相关Math对象方法和属性. 语法结构: Math.round(x) 参数列表: 参数 描述 x 必需.必须是数值类型. 实例代码: 实例一: 复制代码 代码如下: console.log(Math.round(-2.1)); 输出结果:-2. 实例二: 复制代码 代码如下: console.log(Math.round(-2.9)); 输出结果:-3. 实例三: 复制代码 代码如