自制批处理使用Yui Compressor压缩并打包js或css文件
今天下午,手头上没什么事做,于是就上网查看资料,看到很多人写的YUI Compressor的使用方法,大致写的都不详细,于是自己来做个总结。
(1)首先来看下,为什么要压缩js或css文件?
JS/CSS文件大,用户访问站点的时候需要下载JS/CSS的时间长就会感觉慢,有的甚至由于CSS的文件而造成页面初始打开很凌乱。
(2)我们怎么提高用户下载JS/CSS的速度呢?
1、我们无法改变用户的网络状况,只有自己网站使用更快的带宽或者使用更强的服务器,使用户访问我们的时候感觉很快。
2、对JS/CSS文件进行压缩,由于文件较小,用户下载的时间就很短。
解决方案1,需要花费比较多的money,方案2实现比较简单,而且效果也明显。
下面我们介绍使用YUI Compressor进行JS/CSS压缩打包的方法,网上有人做了压缩大都没有讲打包(即使YUI Compressor GUI也是一样)。在这里我是用最土的办法批处理来做的。
1)前提是你的电脑上要有java 1.4以上的的环境
如果你没有安装JAVA环境的话,还需要安装一下JDK下载地址是:http://java.sun.com/javase/downloads/index.jsp 我们选择(Java SE Development Kit (JDK) 6 Update 14)这个下载。
2)到网站上下载 YUI Compressor:http://www.julienlecomte.net/yuicompressor/
3)解压到d盘:yuicompressor-2.4.2文件夹下
4)编写批处理文件compress_js.bat (这里比如compress_js.bat文件放在桌面):(注意路径 \ )
@echo off
set /p outFile=请填写输出文件名:
set /p fList=请填写合并列表文件:
for /f %%i in (%fList%) do type %%i >> %outFile%
java -jar D:\yuicompressor-2.4.2\build\yuicompressor-2.4.2.jar --type js --charset utf-8 %outFile% -o %outFile%
5)编写要打包的列表文件 js.txt (如放在e:\jqTest\js.txt):(注意路径 \ )
E:\jqTest\scripts\nav.js
E:\jqTest\scripts\changeSkin.js
E:\jqTest\scripts\slide.js
E:\jqTest\scripts\scroll.js
E:\jqTest\scripts\tooltip.js
E:\jqTest\scripts\tree.js
E:\jqTest\scripts\ad.js
E:\jqTest\scripts\imgHover.js
E:\jqTest\scripts\imgSlide.js
6)双击compress_js.bat文件,根据提示输入内容,ok大功告成
输入和提示如下:(注意路径 \ )
相关文档:
竞争规则:css允许多次将同一个规则赋予某个元素。层叠排序根据规则中使用的选择符将规则划分6组,高优先级组里的规则会覆盖低优先级组里的规则。普通的选择符会设置文档的总体样式,更具体的选择符会覆盖普通选择符,以为其提供更加特殊的样式
6个选择符群组:
1. 使用!important规 ......
僞类 意义
:first-child 第一个孩子元素
:first-line&nb ......
.styleName{
color
:
#FFF
;
/* FF,OP,IE8 */
[
;
color:
#0F0
;
]
/* Sa,CH */
*
color
:
#FF0
;
/* IE7 */
_color:
#F00
;
/* IE6 */
}
.styleName{
background-color
:
#332200
;
/* FF*/
}
html*
.styleName{
background-color
:
#FF00FF
;
/* Sa IE7 CH */
}
*+
html .style ......
用div+css解决VS2005中布局难的问题
Div+CSS布局入门教程 《转自 蓝色理想 http://www.blueidea.com/tech/site/2006/3574.asp》
页面布局与规划
在网页制作中,有许多的术语,例如:CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识,而在你学习这篇入门教程之前,请确定你已经具有了 ......