易截截图软件、单文件、免安装、纯绿色、仅160KB

自制批处理使用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样式相关知识小结

可以放置样式的地方:样式表,<style>和style
样式表是一个独立的文件,可以通过<link>元素或者css的@import语句把它附加到某个html文档中,<style>是一个html元素,可以把它内嵌在html文档中,style是一个属性,可以内置在任何html元素中。
要想把样式表连到html文档中,要在html文档中的<head> ......

javascript &css实现的长文章分页

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>FLYSO Blog-- JS代码实现的自动分页效果~!</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT=""& ......

字符串截取问题 css截取字符串注意事项

<div class="llist" >
<div class="lbar">定向营销</div>
<ul class="lbox01" style="height: auto;min-height: 100px;">
<c:forEach var="item" items="${marketInfos.results}">
<li><div style="overflow:hidden; text-overfl ......

css選擇符大雜燴

 
类型选择符:单指元素的名字,而没有大于号和小于号
类选择符:选择所有赋有相同类的元素 一个点号后面跟类名,类选择符要跟着类名的后面。 可以把加在通配符*的后面来选择文档中所有赋予该类的元素,
Id 选择符
 
群组选择符:多个选择符用逗号连起来
后代选择符:多个选择符用空白连起来
子选择符:多 ......

Jquery CSS 操作

jQuery提供css()的方法来实现嵌入式改变元素样式,css()方法在使用上具有多样性。其中一种接受两个输入参数:样式属性和样式值,它们之间用逗号分开。比如我们要改变链接颜色,我们可以使用下面的代码:$("#61dh a").css('color','#123456');
//这里选择器‘$("#61dh a")’表示ID为‘#61dh’的元素下的所有链接。
//.css( ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号