随手写了个小工具，主要为了测试不同混淆程度的javascript脚本的加载速度
1. [代码]Timestamp.js

(function() {
 
if (typeof this.Timestamp == 'undefined') {
    /**
     * Global timestamp manager
     * @author Janpoem
     * created at 2011.03.30
     */
    this.Timestamp = (function() {
 
        var pool = {
            'page_init': new Date()
        };
 
        return {
            add: function(flag) {
                pool[flag] = new Date();
            },
            get: function(flag) {
                return typeof flag == 'undefined' ? pool : (pool[flag] ? pool[flag] : pool);
            },
            diff: function(to, diff) {
                if (!diff)
                    diff = to, to = 'page_init';
                return (pool[to] && pool[diff]) ? pool[diff] - pool[to] : 0;
            }
        }
    }) ();
}
 
}) ();
2. [代码]实际用例    ​
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>MooTools Test Page</title>http://www.huiyi8.com/donghua/​
<script type="text/javascript">flash
(function() {
 
// 由于为了测试单独加载某个脚本文件的实际速度，所以该对象的代码被直接加载写在页面中
if (typeof this.Timestamp == 'undefined') {
    /**
     * Global timestamp manager
     * @author Janpoem
     * created at 2011.03.30
     */
    this.Timestamp = (function() {
 
        var pool = {
            'page_init': new Date()
        };
 
        return {
            add: function(flag) {
                pool[flag] = new Date();
            },
            get: function(flag) {
                return typeof flag == 'undefined' ? pool : (pool[flag] ? pool[flag] : pool);
            },
            diff: function(to, diff) {
                if (!diff)
                    diff = to, to = 'page_init';
                return (pool[to] && pool[diff]) ? pool[diff] - pool[to] : 0;
            }
        }
    }) ();
}
 
}) ();
</script>
<script type="text/javascript" src="all.js" onload="Timestamp.add('load_complate');"></script>
<script type="text/javascript">
Timestamp.add('process_here#1');
</script>
</head>
<body>
<div id="mt_test"></div>
<script type="text/javascript">
console.log(
    Timestamp.diff('load_complate'),  // download a script file speed
    Timestamp.diff('process_here#1'), // html parse process here
    Timestamp.diff('load_complate', 'process_here#1')
);
</script>
</body>
</html>

全局Timestamp管理器 检测js执行时间的更多相关文章

  1. 从零开始山寨Caffe·叁：全局线程管理器

    你需要一个管家,随手召唤的那种,想吃啥就吃啥. ——设计一个全局线程管理器 一个机器学习系统,需要管理一些公共的配置信息,如何存储这些配置信息,是一个难题. 设计模式 MVC框架 在传统的MVC编程框 ...

  2. Node.js包管理器：

    Node.js包管理器: 当我们要把某个包作为工程运行的一部分时,通过本地模式获取,如果要在命令行下使用,则使用全局模式安装 使用全局模式安装的包并不能直接在JavaScript文件中用require ...

  3. node.js 安装及配置（hello world）及 node 的包管理器（npm）

    下载地址:Download | Node.js,无脑下一步安装即可: 安装时,会自动将 node 可执行文件路径添加进 Path 内,这样进入 cmd 命令行,以查看 node 的安装版本: > ...

  4. npm --- Node.js包管理器

    目录 1. 安装Node.js 2. 运行npm 3. npm介绍 3.1 安装插件 3.2 更新插件 3.3 卸载插件 3.4 查看当前目录中的插件列表 4. 使用cnpm 4.1 安装 npm( ...

  5. 使用yarn代替npm作为node.js的模块管理器

    使用yarn代替npm作为node.js的模块管理器 转 https://www.jianshu.com/p/bfe96f89da0e     Fast, reliable, and secure d ...

  6. Node.js包管理器Yarn的入门介绍与安装

    FAST, RELIABLE, AND SECURE DEPENDENCY MANAGEMENT. 就在昨天, Facebook 发布了新的 node.js 包管理器 Yarn 用以替代 npm .咱 ...

  7. JS模块规范 前端模块管理器

    一:JS模块规范(为了将js文件像java类一样被import和使用而定义为模块, 组织js文件,实现良好的文件层次结构.调用结构) A:CommonJS就是为JS的表现来制定规范,因为js没有模块的 ...

  8. NET Core 静态文件及JS包管理器（npm, Bower）的使用

    NET Core 静态文件及JS包管理器(npm, Bower)的使用 文章目录 在 ASP.NET Core 中添加静态文件 使用npm管理JavaScript包 使用Bower管理JavaScri ...

  9. [Web 前端] 使用yarn代替npm作为node.js的模块管理器

    cp from : https://www.jianshu.com/p/bfe96f89da0e     Fast, reliable, and secure dependency managemen ...

随机推荐

  1. luogu1856 [USACO5.5]矩形周长Picture

    看到一坨矩形就要想到扫描线.(poj atantis) 我们把横边竖边分开计算,因为横边竖边其实没有区别,以下论述全为考虑竖边的. 怎样统计一个竖边对答案的贡献呢?答:把这个竖边加入线段树,当前的总覆 ...

  2. Linux 下eval命令揭秘

    eval 命令中文意思是“重新计算求出参数内容”,该命令大致有以下几个作用 将变量名替换后并执行 beautifulsoup4- Desktop Documents hc.war lxml- mybl ...

  3. bzoj1059：[ZJOI2007]矩阵游戏【二分图匹配】

    Description 小Q是一个非常聪明的孩子,除了国际象棋,他还很喜欢玩一个电脑益智游戏——矩阵游戏.矩阵游戏在一个N*N黑白方阵进行(如同国际象棋一般,只是颜色是随意的).每次可以对该矩阵进行两 ...

  4. 洛谷P4219 - [BJOI2014]大融合

    Portal Description 初始有\(n(n\leq10^5)\)个孤立的点,进行\(Q(Q\leq10^5)\)次操作: 连接边\((u,v)\),保证\(u,v\)不连通. 询问有多少条 ...

  5. HDU 4609 FFT+组合数学

    3-idiots Time Limit: 10000/5000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)Total S ...

  6. BZOJ 2308 莫队入门经典

    题目链接  https://www.lydsy.com/JudgeOnline/problem.php?id=2038 参考博客 https://www.cnblogs.com/Paul-Guderi ...

  7. [Bzoj3193][JLOI2013]地形生成 （排列组合 + DP）

    3193: [JLOI2013]地形生成 Time Limit: 10 Sec  Memory Limit: 128 MBSubmit: 459  Solved: 223[Submit][Status ...

  8. java . 请在小于99999的正整数中找符合下列条件的数，它既是完全平方数，又有两位数字相同，如：144，676。

    import java.util.HashMap; import java.util.Map; import java.util.Map.Entry; //请在小于99999的正整数中找符合下列条件的 ...

  9. sgu208：Toral Tickets(P&#243;lya定理)

    题意简述:给你N和M,对于一个N∗M的单面方格纸你能够对它的每 个个格子黑白染色.然后把方格纸的长边卷起来,卷成一个圆柱体,然后再把 两个短边形成的圆也接起来.形成一个游泳圈的形状(我们染的色仅仅在游 ...

  10. 小心入怀Yaf

    http://www.laruence.com/2015/05/14/3021.html, 鸟哥文章 看了这个文章,更加要小心的对待 Yaf Yar 框架了. 不正确 glib 有一定的了解进来就是深 ...