压缩传输与客户端缓存

在进行b/s前端开发时，页面代码要注意分离。这么做才是一种优良的编码行为。
1、js、css、html结构分离，可以使得页面更加整洁
2、js、css与html的分离可以使代码更大程度的重用
3、分离的结构便于脚本的平稳退化（迫使写出更好的额浏览器兼容js）
4、分离的结构可以对各种元素进行处理。如：
1）可以对js、jsp、图片等等进行压缩
2）可以对上述的js文件、css文件等进行压缩，通过压缩后传送到客户端，节约了网络资源
通过分离后，可以采用压缩技术与客户端缓存技术来优化项目。
在我使用的项目中，就采用了tk-filters来实现这一目的
1、下载tk-filters-1.0.1.zip
2、解压后将tk-filters.jar放到类路径
3、在解压后的conf目录下打开tk-filters.properties文件，里面涉及到了三个大项的配置
4、修改tk-filters.properties文件的压缩与缓存，使得启动这些功能
5、conf目录下面还有一个默认的web.xml文件的配置示例，上面都讲述了配置注意事项
6、在按照默认的示例配置web.xml时，还要根据实际情况进行。比如我的配置是如下：

 <filter>    <filter-name>gzipfilter</filter-name>    <filter-class>com.tacitknowledge.filters.gzipfilter.gzipfilter</filter-class>  </filter><filter>    <filter-name>cachefilter</filter-name>    <filter-class>com.tacitknowledge.filters.cache.cacheheaderfilter</filter-class>  </filter><filter-mapping>    <filter-name>gzipfilter</filter-name>    <url-pattern>*.js</url-pattern>  </filter-mapping>  <!-- cachefilter mappings  - alter to fit your circumstances -->  <filter-mapping>    <filter-name>cachefilter</filter-name>    <url-pattern>*.jsp</url-pattern>  </filter-mapping>  <filter-mapping>    <filter-name>cachefilter</filter-name>    <url-pattern>*.gif</url-pattern>  </filter-mapping>  <filter-mapping>    <filter-name>cachefilter</filter-name>    <url-pattern>*.jpg</url-pattern>  </filter-mapping>  <filter-mapping>    <filter-name>cachefilter</filter-name>    <url-pattern>*.png</url-pattern>  </filter-mapping>  <filter-mapping>    <filter-name>cachefilter</filter-name>    <url-pattern>*.css</url-pattern>  </filter-mapping>