js的一些小技巧

function fn(){
   num = 10
}
console.log(num)// 10
// 函数里面的形参是局部变量

//具名函数: 
function fn(){
   // fn 是函数名
    }  
//匿名函数 
let sum = function(){
   // sum 不是函数名，只是一个变量
   } 

//写法一：
function(形参){
   })(实参)   
function fn(形参){
  //可写函数名，可不写 
   })(实参)
//写法二：
(function(形参){
   }(实参))

(function(){
   console.log(111)
   })()；
(function(){
   console.log(222)
  })()；

let box = document.querySelector('div')
box.className = 'active' 
// 原生js增加类，active 是类名但是会覆盖之前的类，当要修改很多样式时，可以将之前的类也写在=‘’里面

//写法一：函数代码写在里面
setInterval（function（）{
console.log('你好啊')
}，1000）//每间隔1s ,就会调用这个函数一次
//写法二：在外面定义一个函数，在setInterval（函数名，1000），只写函数名，不写（），因为一写就是调用，会立即执行，定时器就失去作用
function show（）{
   console.log('你好啊')
}
setInterval（show，1000）

let qq  = setTimeout（function（
    console.log(111)
）{
}10000） // 会在10s后调用这个函数，只会执行一次  
//清除延时 
clearTimeout（qq）

new Date()
//获取当前本地时间
let operateTime = new Date().toLocaleString()

<div> {{item.date | format('yyyy-MM-dd hh-mm-ss')}} </div>
Vue.filter('format',function(value,arg){
  function dateFormat(date,format){
    if(typeof date === "string"){
       var mts = date.match(/(\/Date\((\d+)\)\/)/);
       if(mts && mts.length >= 3){
             date = parseInt(mts[2]);
           }
      }
      date = new Date(date);
      if(!date || date.toUTCString() == "Tnvalid Date") {
          return "";
       }
       var map = {
           "M":date.getMonth() + 1,  // 月份
          “d”：date.getDate(),  // 日
            “h”：date.getHours(),  // 小时
             “m”：date.getMinutes(),  // 分
            “s”：date.getSeconds(),  // 秒
            “q”：Math.floor((date.getMonth() + 3) / 3),  // 季度
              “S”：date.getMilliseconds(),  // 毫秒
        }；
       format = format.replace(/([yMdhmsqS])+/g,function(all,t){
          var v = map[t];
          if(v !== undefined) {
                if(all.length > 1) {
                      v = '0' + v;
                      v = v.substr(v.length - 2);
                 }
                 return v;
           }else if (t == 'y'){
                return (date.getFullYear() + ' ').substr(4 - all.length);
           }
           return all;
        });
       return format;
   }
})

console.log(typeof null)   // 'object'

let reg = /前端/
let str = '我要学前端'

console.log(/^哈/.test( '二哈'))   // false
console.log(/^哈/.test('我开心的哈哈大笑'))  //faLse

// 当 ^& 一起用时，表示精确查找   /^哈$/   被查找的字符串只能是哈
console.log(/^哈$/.test('我开心的哈哈大笑")) //  false
console.log(/^哈$/.test('哈哈')) // false 
console.log(/^哈$/.test('哈'))/ /true   精确匹配

// 创建类 class
     class  Star {
        constructor(uname,age){
           this.uname = uname；
           this.age = age；
          }
       sing（）{
          console.log("我唱歌")
       }
}

// 利用类创建对象 new
  let  dh =  new  Star('刘德华'，18)

console.log("age" in  ldh)// true

div.style.width

div.currentStyle.width  //只有IE 浏览器支持

getComputedStyle(div,null) // 返回的是一个对象，所有样式都在这个对象obj中
getComputedStyle(div,null).width   // 不支持IE8 及以下