console和chrom-tool
资料整理自网络
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>常用console命令</title>
</head>
<body>
<div id="box">
<ul>
<li></li>
<li></li>
</ul>
</div>
<script>
/*
* 基本的格式：
*/
console.log("hello");
console.info("信息");
console.error("错误");
console.warn("警告");
/*
* console支持printf的占位符格式：
* 字符（%s） 整数(%d或%i)
* 浮点数（%f）和对象 (%o)
*/
console.log("%d年%d月%d日",2011,3,25) /*
* 信息分组
* console.groupCollapsed()
同 console.group(); 区别在于嵌套块默认是收起的。
*/
console.group("第一组信息");
console.log("第一组第一条信息")
console.log("第一组第一二条信息")
console.groupEnd();
console.group("第二组信息");
console.log("第二组第一条信息")
console.log("第二组第一二条信息")
console.groupEnd(); //还可以嵌套分组
console.group("第一组信息");
console.log("第一组第一条信息")
console.log("第一组第一二条信息") console.group("第二组信息");
console.log("第二组第一条信息")
console.log("第二组第一二条信息")
console.groupEnd();
console.groupEnd();
//闭合表示这个组结束了，否则下面的代码全在这个小组中 /*
* 显示一个对象的所有属性和方法
* console.dir()
*/
var info = {
name:"张丹",
age:20,
run:function(){
alert("running");
}
} console.dir(info); /*
* 显示页面节点的html代码
*/
var box = document.getElementById("box")
console.dirxml(box) /*
* 判断变量是否为真
* 为真没有任何输出
* 如果结果为否，则在控制台输出一条相应信息，并且抛出一个异常。
*/
var res = 1;
console.assert(res); /*console.trace()
* 追踪函数的调用轨迹
* 对这个的支持好像下降了，只显示出来函数名字
*/
function add(a,b){
console.trace();
return a+b;
}
var x = add3(1,1);
function add3(a,b){return add2(a,b)}
function add2(a,b){return add1(a,b)}
function add1(a,b){return add(a,b)} /*
* 计时功能
* console.time()和console.timeEnd();
* 显示代码运行时间。这两个的参数必须一致。
*/
console.time("控制台计时---")
for(var i = 0;i<1000;i++){
for(var j=0;j<1000;j++){}
}
console.timeEnd("控制台计时---"); /*性能分析
* console.profile()
* 分析程序各个部分的运行时间，找出瓶颈所在，
* 使用的方法是console.profile();
*/ function All(){
// alert(11);
for(var i=0;i<10;i++){
funcA(1000);
}
funcB(10000);
}
function funcA(count){
for(var i=0;i<count;i++){}
} function funcB(count){
for(var i=0;i<count;i++){}
}
console.profile("性能分析");
All();
console.profileEnd();
//这个好像没什么用，因为谷歌的profile中已经有了。
//除非测某段代码。 参数是表名。 /*输出该行代码被执行的次数
* console.count("次数")
*/
for(var i=0;i<20;i++){
console.count("循环执行的次数")
} /*
* console.clear()清空控制台
*/
// console.clear(); /*
* keys和values 前者返回传入对象所有属性名组成的数据，后者返回所有属性值组成的数组。
* 只在控制台有效，代码里无效。
*/
/*
* 用表格的形式显示json数据。
*/
var arr = [{name:"张丹",age:20},{name:"王大锤",sex:"male"}];
console.table(arr); /*
* chrome控制台支持jquery选择器。
* $0 在 HTML 面板中选中的元素。
$1 上一次在 HTML 面板中选中的元素。
*/
//暂时先这些。
</script>
</body>
</html>
console和chrom-tool的更多相关文章
- js tool 方法之删除数组指定项
最近又开始写博文了,还是在自己的本地项目上做一些小的方法案例. 之前撸代码的时候总是遇到删除数组里某个元素的问题,JS没提供便捷的方法,只能自己写个循环处理,所幸自己写个方法,以后博客项目里要用到就不 ...
- Using View and Data API with Meteor
By Daniel Du I have been studying Meteor these days, and find that Meteor is really a mind-blowing f ...
- Unity依赖注入使用详解
写在前面 构造器注入 Dependency属性注入 InjectionMethod方法注入 非泛型注入 标识键 ContainerControlledLifetimeManager单例 Unity注册 ...
- 【转】JavaScript闭包
摘自:JavaScript作用域闭包简述 使用外部变量的函数就是闭包,闭包可以给我们带来一些便利,就是可以在高等级的作用域使用低等级作用域中的变量: 例: var data = []; fun ...
- 详解Google Chrome浏览器（操作篇）（一）
开篇概述 在上篇博客中详解Google Chrome浏览器(理论篇)一文中,主要讲解了Chrome 搜索引擎使用.Chrome安装和基本操作.Chrome 基本架构.多线程等原理性问题,这篇将重点讲解 ...
- 浅谈Google Chrome浏览器（操作篇）（上）
开篇概述 在上篇博客中详解Google Chrome浏览器(理论篇)一文中,主要讲解了Chrome 搜索引擎使用.Chrome安装和基本操作.Chrome 基本架构.多线程等原理性问题,这篇将重点讲解 ...
- 依赖注入与Unity
关于控制反转(Inversion of Control)和依赖注入(Dependency Injection)大家网上可以找下相关概念,在<小菜学习设计模式(五)-控制反转(Ioc)>这篇 ...
- 带你走进二进制-一次APT攻击分析
原文:https://osandamalith.com/2017/06/04/apt-attack-in-bangladesh/ 由prison翻译整理,首发i春秋 引言; 这是一次来自遥远国 ...
- 详解Google Chrome浏览器（操作篇）（上）
开篇概述 在上篇博客中详解Google Chrome浏览器(理论篇)一文中,主要讲解了Chrome 搜索引擎使用.Chrome安装和基本操作.Chrome 基本架构.多线程等原理性问题,这篇将重点讲解 ...
- C#基础入门 六
C#基础入门 六 静态类进阶 静态构造方法 用于初始化任何静态数据,或用于执行仅需执行一次的特定操作,在创建第一个实例或引用任何静态成员之前,将自动调用静态构造函数,静态构造方法是无参数的. publ ...
随机推荐
- ubuntu解压文件命令大全
ubuntu 下rar解压工具安装方法: 压缩功能 安装 sudo apt-get install rar 卸载 sudo apt-get remove rar 解压功能 安装 sudo apt-ge ...
- 笔记01 登录、常用配置参数、Action访问Servlet API 和设置Action中对象的值、命名空间和乱码处理、Action中包含多个方法如何调用
Struts2登录 1. 需要注意:Struts2需要运行在JRE1.5及以上版本 2. 在web.xml配置文件中,配置StrutsPrepareAndExecuteFilter或FilterDis ...
- SQL Server触发器的基本使用
sqlserver_SQL触发器的使用及语法(转自:百度文库) 定义: 何为触发器?在SQL Server里面也就是对某一个表的一定的操作,触发某种条件,从而执行的一段程序.触发器是一个特殊的存储过程 ...
- 学生信息系统（json模块解决数据持久化）
将学生管理的案例,学生信息由原来的只有姓名,拓展为包含,姓名,年龄,两个属性:完成对应的增.删.查.改,操作 import json,os,time,sys student_list = [] Fil ...
- Sqler 工具更新
新加入打分邮件,针对每台db 服务器应用情况分析打分,目前支持batch.duration.cpu 3个维度.后续会支持 read io.write io.network io 等.自动化,数字化是衡 ...
- 深夜配置一把struts2
在intellij idea里面配置出来了struts2的一个Helloworld,因为换了工具,在网上查了很多关于IDEA配置它的方式,好多是用Maven解决依赖关系的.于是按照网上的来,发现很多东 ...
- TSQL--验证身份证是否有效
/****** Object: UserDefinedFunction [dbo].[udf_IsvalidIDCard] Script Date: 02/27/2014 16:03:20 ***** ...
- 常用脚本--归档ERRORLOG
SQL Server error log 7组日志文件默认情况下不会自动切换到下一个文件, 一般在SQL Server 重新启动后才会切换error log,如果SQL Server长期未重启或因为 ...
- EasyUI DataGrid 使用（分页，url数据获取，data转json）
EasyUI算是比较有名的,搜一下网上的资料也比较多,具体的参数,下载地址我就不写了 平常也不怎么写文章,大部分都是代码,有不能运行的可以直接评论回复 有可能遇到的问题: json数据格式,这个要仔细 ...
- Cookie客户端缓存.Session.Application
Cookie客户端缓存. 1.引言 随着浏览器的处理能力不断增强,越来越多的网站开始考虑将数据存储在「客户端」,那么久不得不谈本地存储了. 本地存储的好处: 一是避免取回数据前页面一片空白,如果不需要 ...