JavaScript /

一个装逼的小技巧，打印带颜色的log

console.log("%chellow","color:yellow");

以表格的方式打印数据

  var obj={
    name:"tom",
    age:18
  }
  console.table(obj);

检测方法的调用来源

console.trace()

输出运行次数

console.count()

测试速度

console.time();
$("div");
console.timeEnd();

唔，看到阮一峰的一个写法

setTimeout(fun,1000,'done')
//以上写法相当于
setTimeout(fun('done'),1000)
//在setTimeout中第三个参数开始，所有的参数会被是作为第一个参数也就是function的参数来处理
//这个蛮有意思的，之前在其它文档没有看过这个写法，MDN上有

$("button").click(function(){
  $("div").animate({
    height:'toggle'
  });
});

验证码弹出

    
    
    
    
    



    
请输入验证码
    

        187217054XX
        
        ✖
    
    

        

        

        

        

    
    

        
    

文字的展开、收起

    
    
    
    



    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet commodi cumque earum fugit magni nulla pariatur quos
    rem sapiente voluptates!

more

Element.dataset

Element.dataset属性允许无论是在读取模式和写入模式下访问在HTML或DOM中的元素上设置的所有的自定义数据属性（data-）集，在H5中我们可以给HTML元素添加data-属性，我们可以为该元素设置任意名称，但是在使用element.datasetAPI时我们需要注意以下规则：

1. element.dataset不能直接拿来使用，否则会遇到提示报错
2. 在javascript里使用data-*属性名称时，要把名称转变为驼峰式命名法
3. 名称不能以xml打头
4. 名称里不能有大写字母

下面我们来举一个栗子：

transitionend

该事件会在transition完成之后触发

在看全选反选时比较有意思的代码，这段代码是用来判断全选按钮是否应该是选中状态

$('#both').prop('checked',$tmp.length==$tmp.filter(":checked").length)

   console.time("a")
//    var i=1000;
    for(var i=10;i--;){
        console.log(i);
    }
    console.timeEnd("a")

    var arr=['tom',2,3,'jack'];
    for(var i=0,a;a=arr[i++];){
        console.log(arr[i]);
    }

localStorage存储数组

 var weekArray = ['周一'、'周二'、'周三'、'周四'、'周五']
//存：
localStorage.setItem('weekDay',JSON.stringify(weekArray));
//取：
 weekArray = JSON.parse(localStorage.getItem('weekDay'));