`
yxgyh
  • 浏览: 269028 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

压缩extjs

    博客分类:
  • Ext
阅读更多

1.使用gzip.exe打包压缩后的JS文件,最后生成xx.js.gz,把xx.js.gz文件改成xx.gzjs。

   压缩实例: ext3.2.0 ext-all.js (662KB), gzip.exe压缩后为ext-all.gzjs(181KB)。 
   gzip使用方法:gzip.exe拷贝到 ext-all.js 同一目录

   在命令行下输入: gzip -9 ext-all.js ext-all.js.gz  修改ext-all.js.gz的后缀名ext-all.gzjs

2.web.xml中加入过滤器

<filter> 
      <filter-name>GzipJsFilter</filter-name> 
      <filter-class>net.kangsoft.util.GzipJsFilter</filter-class> 
      <init-param> 
          <param-name>headers</param-name> 
          <param-value>Content-Encoding=gzip</param-value> 
      </init-param> 
</filter> 
<filter-mapping> 
   <filter-name>GzipJsFilter</filter-name> 
   <url-pattern>*.gzjs</url-pattern> 
</filter-mapping> 

 3.加入过滤类

package com.tfyy.yx.util;

import java.io.IOException; 
import java.util.HashMap; 
import java.util.Iterator; 
import java.util.Map; 
import javax.servlet.Filter; 
import javax.servlet.FilterChain; 
import javax.servlet.FilterConfig; 
import javax.servlet.ServletException; 
import javax.servlet.ServletRequest; 
import javax.servlet.ServletResponse; 
import javax.servlet.http.HttpServletRequest; 
import javax.servlet.http.HttpServletResponse; 

public class GzipJsFilter 
implements Filter 
{ 
@SuppressWarnings("unchecked")
Map headers = new HashMap(); 

public void destroy() { } 

public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) 

throws IOException, ServletException { 
    if (req instanceof HttpServletRequest) 
      doFilter((HttpServletRequest)req, (HttpServletResponse)res, chain); 
    else 
      chain.doFilter(req, res); 
} 

@SuppressWarnings("unchecked")
public void doFilter(HttpServletRequest request, HttpServletResponse response, 

FilterChain chain) 
    throws IOException, ServletException 
{ 
    request.setCharacterEncoding("UTF-8"); 
    for (Iterator it = this.headers.entrySet().iterator(); it.hasNext(); ) { 
      Map.Entry entry = (Map.Entry)it.next(); 
      response.addHeader((String)entry.getKey(), (String)entry.getValue()); 
    } 
    chain.doFilter(request, response); 
} 

@SuppressWarnings("unchecked")
public void init(FilterConfig config) throws ServletException { 
    String headersStr = config.getInitParameter("headers"); 
    String[] headers = headersStr.split(","); 
    for (int i = 0; i < headers.length; ++i) { 
      String[] temp = headers[i].split("="); 
      this.headers.put(temp[0].trim(), temp[1].trim()); 
    } 
} 
}

 

4.在需导入js的页面head里面添加导入文件,

如:<script type="text/javascript" src="js/ext3/ext-all.gzjs"></script>

分享到:
评论
2 楼 silvernet 2010-09-23  
需要IIS开启gzip压缩吧
1 楼 379548695 2010-08-13  
这个很有用顶了。以前直接在tomcat里面配置的。最近换到6.0之后配置了好像不起作用。楼主这个刚才我测试了。180kb

相关推荐

    extjs4.1压缩版

    extjs4.1的js包压缩,压缩成800K左右,加载快很多

    ExtJS4 Spekt代码补全插件

    请下载的朋友注意看软件说明哦。 1,官方下载最新的ExtJS4.0.2版本,地址:...2,解压缩ExtJS4.0.2 3,将这个文件拷贝到ExtJS4.0.2解压缩根目录 4,Eeclipse中Spket关联这个文件即可实现代码提示。 Good luck.

    让我们开始EXTJS之旅EXTJS_WEB开发指南

    开始ExtJS之旅的第一步是要获得开发包,可以从...• build目录是ExtJS压缩后的代码,经过压缩的代码 体积更小,加载更快。 • docs中当然是ExtJS的文档了,其中最重要的是 ExtJS的API,这是开发ExtJS程序过程中的法宝。

    免费 Extjs4.0教程视频

    第二讲:extjs4.0的新特性(附件较大做了分包压缩大家只要下载3个包运行001就ok了) [02]EXTJS4.0的新特性.003.zip (14.41M)[02]EXTJS4.0的新特性.002.zip (50.00M)[02]EXTJS4.0的新特性.001.zip 第三讲:extjs4.0...

    使用ExtJS6.0开发应用框架(源码)压缩分卷1

    资源 http://download.csdn.net/detail/superlazy/8948511 对应的源码 分卷1

    EXTJS4.0视频教程配套代码

    第二讲:extjs4.0的新特性(附件较大做了分包压缩大家只要下载3个包运行001就ok了) [02]EXTJS4.0的新特性.003.zip (14.41M)[02]EXTJS4.0的新特性.002.zip (50.00M)[02]EXTJS4.0的新特性.001.zip 第三讲:extjs4.0...

    ExtJS-3.4.0系列 — ExtJS下载使用

    ExtJS-3.4.0文档目录说明:  ◊ adapter目录下是EXT的核心代码和底层库,包括jQuery、Prototype和YUI的适配器。  ◊ docs目录下是EXT的文档。  ◊ examples目录下是官方的演示示例。  ◊ pkgs目录下是EXT压缩后...

    extjs详细ppt

    extjs详细ppt 开发详解教程,builds目录是ExtJS压缩后的代码,经过压缩的代码体积更小,加载更快。 docs中当然是ExtJS的文档了,其中最重要的是ExtJS的API,这是开发ExtJS程序 过程中的法宝。 examples中是官方的...

    掏钱学ExtJs完全版

    extjs是一套完整的富客户端解决方案,也因为功能完整,造成ext-all.js有400多k,请注意,这还是压缩后的大小,而且因为是基于js和css的功能实现,对客户端机器性能也有一定的要求,比如不支持ie6以下的版本。...

    ExtJS原生多文件拖动上传组件

    ExtJS原生多文件拖动上传组件 使用时修改包路径 1.多文件上传 2.支持拖动上传 3.支持图片压缩 4.支持图片合并 5.文件排序 可扩展实时图片预览 api //初始化画板 initCanvas //上传文件窗口 uploadWindow //初始化...

    Extjs4.0视频教程和源代码,另附文档翻译

    第二讲:extjs4.0的新特性(附件较大做了分包压缩大家只要下载3个包运行001就ok了) [02]EXTJS4.0的新特性.003.zip (14.41M)[02]EXTJS4.0的新特性.002.zip (50.00M)[02]EXTJS4.0的新特性.001.zip 第三讲:extjs4.0...

    使用ExtJS6.0开发应用框架(源码)压缩分卷2

    《使用ExtJS6.0开发应用框架》对应的源码 详见http://download.csdn.net/detail/superlazy/8948511

    Extjs文件管理系统

    Extjs文件管理系统,包括压缩、解压、搜索等

    extjs3.0中文API

    extjs3.0中文API 解压缩,运行3.0下3.x API Documentation.exe

    extjs 上传图片(可以上传其他类型的文件)asp 实现

    extjs 不提供 asp上传的方法,这个作为补充来用吧

    ExtJS 编写的批量上传(java实现)

    用extjs编写的一个上传, 带自动压缩图片功能

    ExtJS 2.2 制作的图书管理系统

    ExtJS 2.2 图书管理系统 注意:工程采用MyEclipse5.1+tomcat5.5 。 1.您的MSSQL2000没有打sp4补丁,会提示拒绝链接(refuse connction) 2.tomcat版本没有关系,5和6都可以,但是最好选择解压缩版本 3.如果您不是...

    ExtJS 2.2 开源网络硬盘系统(吐血奉献)!!!

    基本架构 Struts2 + Spring2 + ExtJS2.2 无数据库 实现了多文件批量队列上传,有完美进度条列表,已经详细的上传信息显示. 实现了多文件压缩,以及解压缩文件,包括解压缩rar文件 实现了文件下载.等基本功能 此项目继续...

    extjs+java实现短信猫发生短信dom

    使用了EXTJS和GZIP压缩,只是个dom可以参考学习数据库应该是找不到了。

    ext-4.2.0.663 EXTJS官方最新版7z压缩

    ext-4.2.0.663 EXTJS官方最新版7z压缩 为了上传方便,使用了7z极限压缩,解压时请使用7z,以防文件损坏

Global site tag (gtag.js) - Google Analytics