小知识u

比如给没有active类名的span加上hover效果

span:not(.active):hover { color: #ff1464; }

字符串比较

字符串型的数字比较大小

let a = '1'; //  编码10进制  49   
 let b = '2'  //  编码10进制  50    
console.log( a < b)  // true

因为字符串比较是会逐个比较每一位的ASCII码

所以就会出现 "10"<"9"的情况，原因是它比较的是“10”的第一位“1”和“9”的ASCII码

let a = '10'; // 49 48
let b = '9' // 57
console.log(a < b) // true 汉字、符号同理，都是逐个比较每一位。

判断是否有某个类名

判断是否是删除按钮

  // if (e.target.calssName.indexOf('btn-del') != -1
  // if (e.target.calssName.indexOf('btn-del') >= 0)
  // if (e.target.calssName.indexOf('btn-del') >= -1)
  //if (!e.target.classList.contains('btn-del'))