>这是Chrome浏览器控制台显示的

console 的方法

console.log

console.log方法用于在控制台输出信息 ，他可以接受多个参数，以逗号分割，他会自动在每次输出的结尾，添加换行，如果没有返回值 就是undefined
如果第一个参数是格式字符串（使用了格式占位符）console.log方法将依次用后面的参数替换占位符，然后进行输出

console.assert

接收至少两个参数，第一个参数的值或返回值为false 的时候，将会在控制台抛出一个异常并将其余的参数作为异常描述输出。

1
2
3
4
5

console.assert(false,89988);
Assertion failed:89988
< undefined
console.assert(true,1233)
undefined

console.count

console.count()方法用于计数，输出它被调用了多少次

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

(function(){
    for(var i = 0;i<10;i++){
        console.count("count");
    }
})();

(function(){
    for(var i = 0;i < 5;i++){
        console.count('count');
    }
})();
count: 1
count: 2
count: 3
count: 4
count: 5

console.clear

console.clear() 清空控制台内容

console.dir

console.dir() 用来对一个对象进行检查 并容易和打印的格式显示

console.error console.warn

console.error(),console.warn() 方法用于输出错误和警告信息，用法和console.log

方法一样 不同的地方在于输出时候的表现形式，一个是黄色的警告形式和一个红色的错误形式

而console.error() 方法会标记为错误的地方

console.table

console.table() 方法可以将传入的对象或数组这些复合数据以表格形式输出

console.time console.timeEnd

console.time() console.timeEnd() 方法计算一个操作的执行时间 console.time()是开始

console.timeEnd() 是结束 可以传入一个参数 参数为计时器的名称

1
2
3
4
5
6
7
8
9
10

console.time("计时器"){
  for(var i=0;i<50;i++){
    for(var j=0;j<50;j++){
    
}
  }
  console.timeEnd("计时器")
  console.time("计时器")
  
}

jquery和zepto的异同

相同点

相同点:

zepto: 是jquery 的 阉割版 是为移动端开发的库 jQuery的轻量级替代品。文件大小比较小 只有8k左右 ,是目前功能库中最小的一个，尽管不大，zepto 所提供的工具足以满足开发程序的需要，大多数在jquery中常用的API和方法Zepto 都有，Zepto 和API大部分都能和jquery兼容 所以用起来和jquery差不多

jQuery: 主要用于PC端的页面开发，jquery 是目前最流行的javascript 框架,它能兼容市面上主流的浏览器，插件也是相当的丰富，大小在90k左右

Zepto: 特点 是为现代智能手机浏览器推出的javascript框架 有着jquery 相似的语法 但是和jquery相比它有很多优点 在大小方面 压缩后在5~10k 左右,功能很齐全，并且多出来了一些触摸屏的事件，然而它对一些老的浏览器不兼容 ，所以这个轻量级的js用它来开发手机端和IOS, Android 网页都是不错的选择，极大的减轻了整个app的负载。

不同点

​ 1.zepto 是针对移动端的程序 zepto有一些基本的触摸事件可以来操作触摸屏的交互(tap事件、swipe事件) zepto 是不支持IE浏览器

1. Dom 操作的区别 ：添加id时jquery 不会生效 而Zepto会生效

2. 触发事件的区别 ：使用jquery 是load 事件的处理函数不会执行，使用zepto时 load事件的处理函数会执行

3. 事件委托的区别：zepto中 选择器上所有的委托事件都会依次放入一个队列中，而在jquery中则委托成独立的多个事件

4. width()和height() 的区别：zepto 由盒子模型(box-sizing)决定，用 .width()返回赋值的width，用 .css(‘width’)返回border 等的结果

   而jquery会忽略盒子模型 ， 始终返回内容区域的宽/高（不包含padding 、border）

   1. offset()的区别：Zepto 返回{top、left、width、height}; jQuery返回{left,top}

   2. Zepto 无法获取隐藏元素的宽高，jQuery可以

   3. Zepto中没有为原型定义extend方法 而jQuery有

   4. Zepto 的 each 方法只能遍历数组，不能遍历JSON对象