随手写了个小工具，主要为了测试不同混淆程度的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. java.lang.ClassNotFoundException: com.microsoft.jdbc.sqlserver.SQLServerDriver

    今天这个问题排查了好大一会,开始网上有人这么说: https://www.cnblogs.com/rookiebob/p/3749396.html 但是仍未能解决我的问题, 最后发现是只在外层的pom ...

  2. 运动员最佳匹配问题（km算法）

    洛谷传送门 带权二分图最大权完美匹配. 裸的km算法. 注意开long long. #include <cstdio> #include <cstring> #include ...

  3. Codevs 2693 上学路线（施工）

    时间限制: 2 s 空间限制: 16000 KB 题目等级 : 黄金 Gold 题目描述 Description 问题描述 你所在的城市街道好像一个棋盘,有a条南北方向的街道和b条东西方向的街道. 南 ...

  4. ES6__函数的扩展

    /** * 函数的扩展 * 1 为函数参数指定默认值 * 2 函数的 rest 参数 * 3 箭头函数 */ // ------------------------------------------ ...

  5. hdu - 5074 Hatsune Miku (简单dp)

    有m种不同的句子要组成一首n个句子的歌,每首歌都有一个美丽值,美丽值是由相邻的句子种类决定的,给出m*m的矩阵map[i][j]表示第i种句子和第j种句子的最大得分,一首歌的美丽值是由sum(map[ ...

  6. 《springMVC》学习笔记

    1.SpringMVC框架 1.1 MVC在b/s系统下的应用 用户发送request请求到Controller Controller请求模型(Model)进行处理 Model将处理结果返回到Cont ...

  7. F - The Minimum Length

    F - The Minimum Length HUST - 1010 #include<cstdio> #include<cstring> #include<iostre ...

  8. SpringDataJPA入门2

    SpringDataJPA实体概述 JPA提供了一种简单高效的方式来管理Java对象(POJO)到关系型数据库的映射,此类Java对象成为JPA实体或简称实体.实体通常与底层数据库中的单个关系表相关联 ...

  9. oracle dtrace for linux

    https://docs.oracle.com/cd/E37670_01/E37355/html/ol_config_dtrace.html#

  10. java比较两个日期大小

    方法一 /** * 比较两个日期之间的大小 * * @param d1 * @param d2 * @return 前者大于后者返回true 反之false */ public boolean com ...