提高页面相应速度之压缩优化js和css文件
Steve Souders在他的《High Performance Web Sites》一书中提出提高网页效率的14条准则，这些可以使用Yahoo! YSlow来进行一个比较形象的检测。
这里主要来说一下第一条准则：Make Fewer HTTP Requests，意思就是尽可能的减少HTTP请求。当时要达到这个目的有很多种方法，其中最重要的一点就是将CSS文件和Javascript文件分别进行压缩和合并，这样就在很大程度上减少了浏览器对服务器的HTTP请求此处，另外一旦被浏览器下载到本地可以对此进行缓存，从而提高了加载速度。
有关于这方面的工具最优秀且使用最为广泛的开源软件非YUI Compressor莫属了。但是YUICompressor只能使用命令行一个个对js或css文件进行压缩，现在我们就通过使用ant脚本来达到批量压缩合并多个文件的目的。
下面以压缩js文件为例进行说明。
首先做一个关于js文件编码规范的约定：所有的原始文件均为 .source.js，经过压缩处理后文件变为.js，将多个压缩后的文件合并后的文件名称为all-min.js。
接下来可以写下面的ant脚本：
<!-- 对YUICompressor的引用 -->
<property name="js.dir" value="${web.dir}/scripts" />
<property name="js.release.name" value="all-min.js"/>
<!-- 删除之前压缩合并过的文件 -->
<delete>
<fileset dir="${js.dir}" includes="${js.release.name}"/>
</delete>
<!-- 执行 yuicompressor 压缩JS
-- parallel="false"：对fileset中的每个文件都执行一次executable参数的命令
-- dest 执行目录
-->
<apply executable="java" parallel="false" verbose="true" dest="${js.dir}">
<fileset dir="${js.dir}">
<include name="**/*.source.js"/>
</fileset>
<arg line="-jar"/>
<arg path="${yuicompressor}"/>
<!-- 设置待处理源文件及处理后输出文件的编码格式 -->
<arg line="--charset utf-8"/>
<srcfile/>
<arg line="-o"/>
<!-- 指定文件命�
相关文档：
刚开始学习zend framework ，对于路径问题还是没弄明白，以至于图片不能正常显示，搜遍了Google终于找到一个解决办法。具体解决办法如下：
在.htaccess中用下面这段代码代替原有代码
# Zend Framework rewrite规则
RewriteEngine on
RewriteCond
%{REQUEST_FILENAME} !-f
RewriteRule .* index.php
#
安全性考虑� ......
简介
什么是CSS hack(http://www.cssplay.org.cn/css-hack/index.html)由于不同的浏览器，比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等，对CSS的解析认识不一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。
这个时候我们就需要针对不同的浏览器 ......
Eric Meyer’s CSS Reset
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, fo ......
上节课我们讲了一下Css通过什么方式去控制页面
，如果不记得，我来帮大家回忆一下，总共有四种方式行内方式、内
嵌方式、链接方式、导入方式，大家通过这四种方式就可以实现CSS
对HTML
页面样式的控制，如果要让这些样式对HTML页面中的元素实现一对一，一对多或者多对一的控制，这就需
要用到CSS选择器，HTML页面中的� ......
<html>
<head>
<mce:style type="text/css"><!--
div.container
{
width:100%;
margin:0px;
border:1px solid gray;
line-height:150%;
}
div.header,div.footer
{
padding:0.5em;
color:white;
background-color:gray;
clear:left;
}
h1.header
{
padding:0;
margin:0;
}
div. ......
