JavaScript动态减肥

2024-01-15 06:08
文章标签 java 动态 script 减肥

本文主要是介绍JavaScript动态减肥,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!


JavaScript动态减肥

随着Ajax的流行,越来越多的JavaScript被用到页面中,一个页面调用js文件大小超过500k都不稀奇了。这么大的带宽会给用户和网络带来诸多不便。其实我们都知道JavaScript及html都有很多空间是多余的。比如white space,网上有一些方案,比如JS Code Compressor。透过这个WinForm工具可以压缩文件大小到原来的一半左右。但如果我们每次deploy,或者用到了动态的js,这个技术就要修改了。我参考了JS Code Compressor v.1.0.3,把所有东西都放到一个页面里去。这样可以通过调用单个页面来实现动态调用压缩后的文件的效果。

比如原来的文件可以通过/path/to/script.js来访问。我们现在建立一个Compress.aspx文件。去掉page source中除了第一行外所有东西。在code behind中加入:


    
parameters, variables

    
protected   void  Page_Load( object  sender, EventArgs e)
    
{
        
/* initialize members */

        regCStyleComment 
= new Regex("//*.*?/*/", RegexOptions.Compiled | RegexOptions.Singleline);
        regLineComment 
= new Regex("//.* ", RegexOptions.Compiled | RegexOptions.ECMAScript);
        regSpaceLeft 
= new Regex("^/s*", RegexOptions.Compiled | RegexOptions.Multiline);
        regSpaceRight 
= new Regex("/s*/r/n", RegexOptions.Compiled | RegexOptions.ECMAScript);
        regWhiteSpaceExceptCRLF 
= new Regex("[ /t]+", RegexOptions.Compiled | RegexOptions.ECMAScript);
        regSpecialElement 
= new Regex(
            
""[^"/r/n]*"|'[^'/r/n]*'|/[^//*](?<![//S]/.)([^r/n]|//.)*/(?=[ig]{0,2}[^/S])",
            RegexOptions.Compiled 
| RegexOptions.Multiline);
        regLeftCurlyBrace 
= new Regex("/s*{/s*", RegexOptions.Compiled | RegexOptions.ECMAScript);
        regRightCurlyBrace 
= new Regex("/s*}/s*", RegexOptions.Compiled | RegexOptions.ECMAScript);
        regComma 
= new Regex("/s*,/s*", RegexOptions.Compiled | RegexOptions.ECMAScript);
        regSemiColumn 
= new Regex("/s*;/s*", RegexOptions.Compiled | RegexOptions.ECMAScript);
        regNewLine 
= new Regex("/r/n", RegexOptions.Compiled | RegexOptions.ECMAScript);

        regCarriageAfterKeyword 
= new Regex(
            
"/r/n(?<=/b(abstract|boolean|break|byte|case|catch|char|class|const|continue|default|delete|do|double|else|extends|false|final|finally|float|for|function|goto|if|implements|import|in|instanceof|int|interface|long|native|new|null|package|private|protected|public|return|short|static|super|switch|synchronized|this|throw|throws|transient|true|try|typeof|var|void|while|with)/r/n)",
            RegexOptions.Compiled 
| RegexOptions.ECMAScript);

        htCaptureFields 
= new Hashtable();
        htRegSpecialElement 
= new Hashtable();

        specialItemCount 
= 0;

        
//return a javascript file contains compressed vesion of javascript
        Response.Write(Compress(Script));
    }


    
/// <summary>
    
/// Compresses the given String.
    
/// </summary>
    
/// <param name="toBeCompressed">The String to be compressed.</param>

     public   string  Compress( string  toBeCompressed)
    
{
        
/*clean the hasthable*/
        htCaptureFields.Clear();
        htRegSpecialElement.Clear();
        specialItemCount 
= 0;

        
/* mark special elements */
        MarkQuotesAndRegExps(
ref toBeCompressed);

        
if (removeComments)
        
{
            
/* remove line comments */
            RemoveLineComments(
ref toBeCompressed);
            
/* remove C Style comments */
            RemoveCStyleComments(
ref toBeCompressed);
        }


        
if (removeAndTrimBlankLines)
        
{
            
/* trim left */
            TrimLinesLeft(
ref toBeCompressed);
            
/* trim right */
            TrimLinesRight(
ref toBeCompressed);
        }


        
if (removeEverthingElse)
        
{
            
/* { */
            ReplaceLeftCurlyBrace(
ref toBeCompressed);
            
/* } */
            ReplaceRightCurlyBrace(
ref toBeCompressed);
            
/* , */
            ReplaceComma(
ref toBeCompressed);
            
/* ; */
            ReplaceSemiColumn(
ref toBeCompressed);
        }


        
if (removeCarriageReturns)
        
{
            
/*
             * else[CRLF]
             * return
             
*/

            ReplaceCarriageAfterKeyword(
ref toBeCompressed);
            
/* clear all CRLF's */
            ReplaceNewLine(
ref toBeCompressed);
        }


        
/* restore the formerly stored elements. */
        RestoreQuotesAndRegExps(
ref toBeCompressed);

        StringBuilder buffer 
= new StringBuilder();

        buffer.Append(
            
" /* Code Compressed with JS Code Compressor v.1.0.3 - http://www.sarmal.com/ modified by author at http://blog.csdn.net/snleo */"
        );

        buffer.Append(toBeCompressed);
        
return buffer.ToString();
    }


    
supporting functions

    
/// <summary>
    
/// Get the script and return as a string. The parameter of this page can be:
    
/// 1. Javascript file location parameter "file=" (eg. "Compress.aspx?file=/path/to/script.js")
    
/// 2. Encoded Javascript code with parameter "code=" (eg. "Compress.aspx?code=%20F...")
    
/// NOTE: In the second form the code is the pure javascript code between tags.
    
/// </summary>

     private   string  Script
    
{
        
get
        
{
            
if (Request.QueryString["file"!= null)
            
{
                
string fileName = Request.QueryString["file"];
                
/*
                 * Localization is always an issue if you are non-English.
                 * System.Text.Encoding class helps sort out this problem.
                 
*/

                
string sourcePath = MapPath(fileName);
                Encoding locale 
= System.Text.Encoding.GetEncoding(CODEPAGE);
                StreamReader sr 
= new StreamReader(sourcePath, locale);
                String strCompress 
= sr.ReadToEnd();
                sr.Close();
                
return strCompress;
            }

            
else if (Request.QueryString["code"!= null)
            
{
                
string strCode = Request.QueryString["code"];//todo: parse
                return strCode;
            }

            
else return null; }
        }

    }


因为我把原来库里的代码也拿过来了,所以代码比较多,但fold起来不难看懂。如果要测试很简单。只要察看:

Compress.aspx?file=/path/to/script.js

如果没有错误,应为一行(浏览器会自动wrap)没有缩进的JavaScript代码。他的效能和原来的/path/to/script.js应该一模一样。所以你可以在任何地方来调用。比如:

< head >
< script  language ="JavaScript"  src ="Compress.aspx?file=/path/to/script.js"  type ="text/javascript" ></ script >
</ head >

由于项目现在就使用了file include。当query string为code的时候还没有测试和使用过,程序难免有问题。请大家使用的时候注意。另外,如果页面的.js文件大小在200K以下也不建议使用。大概下载的时间和aspx文件运行的时间差不多或者更短。当文件在500K以上,用户带宽比较窄,效果就很明显了。要取得最好的效果,当然还是在deploy的时候老老实实运新一次WinForm版本的程序。

这篇关于JavaScript动态减肥的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/607902

相关文章

Spring Boot集成Druid实现数据源管理与监控的详细步骤

《SpringBoot集成Druid实现数据源管理与监控的详细步骤》本文介绍如何在SpringBoot项目中集成Druid数据库连接池,包括环境搭建、Maven依赖配置、SpringBoot配置文件... 目录1. 引言1.1 环境准备1.2 Druid介绍2. 配置Druid连接池3. 查看Druid监控

Java中读取YAML文件配置信息常见问题及解决方法

《Java中读取YAML文件配置信息常见问题及解决方法》:本文主要介绍Java中读取YAML文件配置信息常见问题及解决方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要... 目录1 使用Spring Boot的@ConfigurationProperties2. 使用@Valu

创建Java keystore文件的完整指南及详细步骤

《创建Javakeystore文件的完整指南及详细步骤》本文详解Java中keystore的创建与配置,涵盖私钥管理、自签名与CA证书生成、SSL/TLS应用,强调安全存储及验证机制,确保通信加密和... 目录1. 秘密键(私钥)的理解与管理私钥的定义与重要性私钥的管理策略私钥的生成与存储2. 证书的创建与

浅析Spring如何控制Bean的加载顺序

《浅析Spring如何控制Bean的加载顺序》在大多数情况下,我们不需要手动控制Bean的加载顺序,因为Spring的IoC容器足够智能,但在某些特殊场景下,这种隐式的依赖关系可能不存在,下面我们就来... 目录核心原则:依赖驱动加载手动控制 Bean 加载顺序的方法方法 1:使用@DependsOn(最直

SpringBoot中如何使用Assert进行断言校验

《SpringBoot中如何使用Assert进行断言校验》Java提供了内置的assert机制,而Spring框架也提供了更强大的Assert工具类来帮助开发者进行参数校验和状态检查,下... 目录前言一、Java 原生assert简介1.1 使用方式1.2 示例代码1.3 优缺点分析二、Spring Fr

java使用protobuf-maven-plugin的插件编译proto文件详解

《java使用protobuf-maven-plugin的插件编译proto文件详解》:本文主要介绍java使用protobuf-maven-plugin的插件编译proto文件,具有很好的参考价... 目录protobuf文件作为数据传输和存储的协议主要介绍在Java使用maven编译proto文件的插件

Java中的数组与集合基本用法详解

《Java中的数组与集合基本用法详解》本文介绍了Java数组和集合框架的基础知识,数组部分涵盖了一维、二维及多维数组的声明、初始化、访问与遍历方法,以及Arrays类的常用操作,对Java数组与集合相... 目录一、Java数组基础1.1 数组结构概述1.2 一维数组1.2.1 声明与初始化1.2.2 访问

Javaee多线程之进程和线程之间的区别和联系(最新整理)

《Javaee多线程之进程和线程之间的区别和联系(最新整理)》进程是资源分配单位,线程是调度执行单位,共享资源更高效,创建线程五种方式:继承Thread、Runnable接口、匿名类、lambda,r... 目录进程和线程进程线程进程和线程的区别创建线程的五种写法继承Thread,重写run实现Runnab

Java 方法重载Overload常见误区及注意事项

《Java方法重载Overload常见误区及注意事项》Java方法重载允许同一类中同名方法通过参数类型、数量、顺序差异实现功能扩展,提升代码灵活性,核心条件为参数列表不同,不涉及返回类型、访问修饰符... 目录Java 方法重载(Overload)详解一、方法重载的核心条件二、构成方法重载的具体情况三、不构

Java通过驱动包(jar包)连接MySQL数据库的步骤总结及验证方式

《Java通过驱动包(jar包)连接MySQL数据库的步骤总结及验证方式》本文详细介绍如何使用Java通过JDBC连接MySQL数据库,包括下载驱动、配置Eclipse环境、检测数据库连接等关键步骤,... 目录一、下载驱动包二、放jar包三、检测数据库连接JavaJava 如何使用 JDBC 连接 mys