YUI3中,为了避免js文件过大,各个功能模块是拆分的。它有一个“种子”的概念:先下载一个小的核心的js文件到浏览器端,再通过这个小的js文件去加载其它所需的模块。

这种按需加载虽然解决了单个js过大的问题,但是随之带来另外一个问题:如果一个页面使用了YUI的a、b、c功能,那么浏览器就要向服务器请求a.js、b.js、c.js三个文件,这样增加了浏览器向服务器的沟通次数。

为了解决后面的问题,YUI3又有一个combine的概念,预先下载的那个核心的js,把页面上需要的a、b、c模块合并成一个请求发给服务器,类似这样:http://mydomain.com/conbine?a.js&b.js&c.js。

这要求服务器接收到http://mydomain.com/conbine请求后,将参数取出来,找到对应的a、b、c的js文件,合并成一个js文件,返回给客户端。Combo Handler是Yahoo!开发的一个Apache模块,专门来干这个事情的。

如果只用java的web容器,可以把这项工作委托给servlet:

1
2
3
4
<servlet>
    <servlet-name>yuicombo</servlet-name>
    <servlet-class>org.siqisource.mozo.servlets.YuiCombineServlet</servlet-class>
</servlet>

对应的YUI配置为:

1
2
3
4
5
YUI.GlobalConfig = {
    combine: true,
    comboBase: '<mz:webRoot/>/yuicombo?',
    root: 'uilibrary/yui/',
};

在servlet代码中,我使用了YUI的yuicompressor来压缩js和css文件,下面是maven配置。

1
2
3
4
5
<dependency>
    <groupId>com.yahoo.platform.yui</groupId>
    <artifactId>yuicompressor</artifactId>
    <version>2.4.7</version>
</dependency>

其中的Path类只是为了获得web应用物理路径,在是用的时候替换一下即可。

目前已知的缺陷:对于css的按需加载,浏览器会请求客户端两次,目前不清楚是不是YUI3(测试版本:3.7.2)的问题。

具体代码如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
package org.siqisource.mozo.servlets;
 
import java.io.File;
import java.io.FileReader;
import java.io.FileWriter;
import java.io.IOException;
import java.io.Reader;
import java.io.Writer;
import java.util.HashMap;
import java.util.Map;
import java.util.UUID;
import java.util.regex.Matcher;
import java.util.regex.Pattern;
 
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
 
import org.apache.commons.io.FileDeleteStrategy;
import org.apache.commons.io.FileUtils;
import org.siqisource.mozo.context.Path;
 
import com.yahoo.platform.yui.compressor.CssCompressor;
import com.yahoo.platform.yui.compressor.JavaScriptCompressor;
 
public class YuiCombineServlet extends HttpServlet {
 
    private static Map<String, String> cachedResources = new HashMap<String, String>();
 
    private String cacheContextPath = "uilibrary/yui/cache/";
 
    private String cacheDir = Path.getPhysicalPath() + cacheContextPath;
 
    int linebreakpos = -1;
    boolean munge = true;
    boolean verbose = false;
    boolean preserveAllSemiColons = false;
    boolean disableOptimizations = false;
 
    @Override
    public void init() throws ServletException {
 
        // 重置缓存文件夹
        File catchedDir = new File(cacheDir);
 
        if (catchedDir.exists()) {
            FileDeleteStrategy strategy = FileDeleteStrategy.FORCE;
            try {
                strategy.delete(catchedDir);
            } catch (IOException e) {
                // TODO Auto-generated catch block
                e.printStackTrace();
            }
        }
        catchedDir.mkdirs();
 
        super.init();
    }
 
    @Override
    protected void doGet(HttpServletRequest request,
            HttpServletResponse response) throws ServletException, IOException {
 
        String queryString = request.getQueryString();
        String resourcePath = cachedResources.get(queryString);
        // 已缓存
        if (resourcePath == null) {
 
            String[] resources = queryString.split("&");
            String firstResource = resources[0];
 
            String fileName = UUID.randomUUID().toString();
 
            if (firstResource.endsWith(".js")) {
 
                fileName += ".js";
                Writer writer = new FileWriter(cacheDir + fileName);
                for (String resource : resources) {
                    Reader reader = new FileReader(Path.getPhysicalPath()
                            + resource);
                    JavaScriptCompressor compressor = new JavaScriptCompressor(
                            reader, null);
                    compressor.compress(writer, linebreakpos, munge, verbose,
                            preserveAllSemiColons, disableOptimizations);
                    reader.close();
                }
                writer.flush();
                writer.close();
 
            } else if (resources[0].endsWith(".css")) {
                fileName += ".css";
                Writer writer = new FileWriter(cacheDir + fileName);
                for (String resource : resources) {
                    Reader reader = new FileReader(replacedUrlFile(resource));
                    CssCompressor compressor = new CssCompressor(reader);
                    compressor.compress(writer, linebreakpos);
                    reader.close();
                }
                writer.flush();
                writer.close();
            }
 
            resourcePath = cacheContextPath + fileName;
            cachedResources.put(queryString, resourcePath);
        }
        request.getRequestDispatcher(resourcePath).forward(request, response);
        return;
    }
     
    public String replacedUrlFile(String fileName) throws IOException {
 
        String cssfilePath = Path.getPhysicalPath() + fileName;
        File cssFile = new File(cssfilePath);
 
        String tempCssFilePath = cacheDir + "tmp-css-" + cssFile.getName();
        File tempCssFile = new File(tempCssFilePath);
        if (tempCssFile.exists()) {
            return tempCssFilePath;
        }
 
        // 判断是否需要替换
        String css = FileUtils.readFileToString(cssFile);
        int maxIndex = css.length() - 1;
        int appendIndex = 0;
        Pattern p = Pattern.compile("url\\(\\s*([\"']?)");
        if (!p.matcher(css).find()) {
            return cssfilePath;
        }
 
        // 真的需要替换
        Matcher m = p.matcher(css);
        String url = fileName.substring(0, fileName.lastIndexOf('/'));
        url = Path.getContextPath() + "/" + url + "/";
 
        StringBuffer replacedUrlCss = new StringBuffer();
 
        while (m.find()) {
            int startIndex = m.start() + 4; // "url(".length()
            String terminator = m.group(1); // ', " or empty (not quoted)
 
            if (terminator.length() == 0) {
                terminator = ")";
            }
 
            boolean foundTerminator = false;
 
            int endIndex = m.end() - 1;
            while (foundTerminator == false && endIndex + 1 <= maxIndex) {
                endIndex = css.indexOf(terminator, endIndex + 1);
 
                if ((endIndex > 0) && (css.charAt(endIndex - 1) != '\\')) {
                    foundTerminator = true;
                    if (!")".equals(terminator)) {
                        endIndex = css.indexOf(")", endIndex);
                    }
                }
            }
 
            // Enough searching, start moving stuff over to the buffer
            replacedUrlCss.append(css.substring(appendIndex, m.start()));
 
            if (foundTerminator) {
                String token = css.substring(startIndex, endIndex);
                token = token.replaceAll("\\s+", "");
                String preserver = "url('" + url + token + "')";
                replacedUrlCss.append(preserver);
 
                appendIndex = endIndex + 1;
            } else {
                // No end terminator found, re-add the whole match. Should we
                // throw/warn here?
                replacedUrlCss.append(css.substring(m.start(), m.end()));
                appendIndex = m.end();
            }
        }
        FileUtils.writeStringToFile(tempCssFile, replacedUrlCss.toString());
        return tempCssFilePath;
 
    }
}

java版的YUI3 combine服务-Combo Handler的更多相关文章

  1. ArcGIS Server 10 Java 版的Rest服务手动配置方法

    Java版的Manager中发布的服务默认只发布了该服务的SOAP接口,而REST接口需要用户在信息服务器,如Tomcat. Apache.WebLogic等中手工配置.由于在Java版的Server ...

  2. ArcGIS Server 10 Java 版的Rest服务的部署方法

    使用ArcGIS Server 10 Java版发布GIS服务,当使用ArcGIS Manager创建好服务后,然后打开“ArcGIS Services Directory”的链接时发现网页报出了找不 ...

  3. java版gRPC实战之二:服务发布和调用

    欢迎访问我的GitHub https://github.com/zq2599/blog_demos 内容:所有原创文章分类汇总及配套源码,涉及Java.Docker.Kubernetes.DevOPS ...

  4. java版gRPC实战之三:服务端流

    欢迎访问我的GitHub https://github.com/zq2599/blog_demos 内容:所有原创文章分类汇总及配套源码,涉及Java.Docker.Kubernetes.DevOPS ...

  5. java版gRPC实战之六:客户端动态获取服务端地址

    欢迎访问我的GitHub https://github.com/zq2599/blog_demos 内容:所有原创文章分类汇总及配套源码,涉及Java.Docker.Kubernetes.DevOPS ...

  6. 第八篇 :微信公众平台开发实战Java版之如何网页授权获取用户基本信息

    第一部分:微信授权获取基本信息的介绍 我们首先来看看官方的文档怎么说: 如果用户在微信客户端中访问第三方网页,公众号可以通过微信网页授权机制,来获取用户基本信息,进而实现业务逻辑. 关于网页授权回调域 ...

  7. 第五篇 :微信公众平台开发实战Java版之如何获取公众号的access_token以及缓存access_token

    一.access_token简介 为了使第三方开发者能够为用户提供更多更有价值的个性化服务,微信公众平台 开放了许多接口,包括自定义菜单接口.客服接口.获取用户信息接口.用户分组接口.群发接口等, 开 ...

  8. 第一篇:微信公众平台开发实战Java版之了解微信公众平台基础知识以及资料准备

    相信很多人或多或少听说了微信公众平台的火热.但是开发还是有一点门槛,鉴于挺多朋友问我怎么开发,问多了,自己平时也进行以下总结.所以下面给大家分享一下我的经验: 微信公众号是什么? 官网的介绍:再小的个 ...

  9. Oracle Berkeley DB Java 版

    Oracle Berkeley DB Java 版是一个开源的.可嵌入的事务存储引擎,是完全用 Java 编写的.它充分利用 Java 环境来简化开发和部署.Oracle Berkeley DB Ja ...

随机推荐

  1. Codeforces Round #339 Div.2 B - Gena's Code

    It's the year 4527 and the tanks game that we all know and love still exists. There also exists Grea ...

  2. (转)word2vec前世今生

    word2vec 前世今生 2013年,Google开源了一款用于词向量计算的工具——word2vec,引起了工业界和学术界的关注.首先,word2vec可以在百万数量级的词典和上亿的数据集上进行高效 ...

  3. feature visualization from ipython notebook

    Feature visualization from ipython notebook Wang Xiao 1. install anaconda2 from: https://www.continu ...

  4. [机器学习之13]降维技术——主成分分析PCA

    始终贯彻数据分析的一个大问题就是对数据和结果的展示,我们都知道在低维度下数据处理比较方便,因而数据进行简化成为了一个重要的技术.对数据进行简化的原因: 1.使得数据集更易用使用.2.降低很多算法的计算 ...

  5. 027. asp.net中数据绑定控件之 GridView控件

    GridView控件支持下面的功能: 绑定至数据源控件, 如SqlDataSource 内置排序功能 内置更新和删除功能 内置分页功能 内置行选择功能 可以编程方式访问GridView对象模型以动态设 ...

  6. 【转】ASP.NET数据库连接字符串总结

    来源:http://blog.csdn.net/lutinghuan/article/details/5973897 ASP.NET数据库连接字符串总结 一.使用OleDbConnection对象连接 ...

  7. Openjudge计算概论-求序列中的众数

    /*===================================== 求序列中的众数 总时间限制: 1000ms 内存限制: 65536kB 描述 输入一个长度为N的整数序列 (不多于128 ...

  8. 项目中提示找不到class,跟命名规则有关系RulesConfigDao

    项目中提示找不到class,跟命名规则有关系RulesConfigDao,而非Mapper!

  9. 用java给html文件添加必要的控制html代码片

    这个需求,我估计很多时候都不会用到,但是,我们目前在做一个CMS的系统,在创建页面的时候,需要控制页面各个板块显示的内容来源,这个不是关键,关键是页面内容配置完毕后,如何提交内容,也就是说如何和后台系 ...

  10. 使用匿名委托,Lambda简化多线程代码

    使用匿名委托,Lambda简化多线程代码   .net中的线程也接触不少了.在多线程中最常见的应用莫过于有一个耗时的操作需要放到线程中去操作,而在这个线程中我们需要更新UI,这个时候就要创建一个委托了 ...