整理一些总是记不住的知识点

event的target和currentTarget的区别

  target：触发事件的元素。
  currentTarget：事件绑定的元素。

本地存储：

  localStorage.setItem(“Key001”,”India”);
  var country = localStorage.getItem(“Key001”);

实例方法和静态方法

  实例方法：原型.prototype.f2=.... || 实例.f2=.. || 原型{ this.f2=... }
  静态方法：function.fi=function(){~} //豆浆机的开关
  内部方法：原型{ var f3=....; this.f4=fun(){ f3() }} 实例.f4() //闭包调用

css溢出省略号

    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap

相对路径：

   ./ 当前目录; ../ 父级目录; / 根目录

js选择器

document.querySelectorAll('.el'); 

css:最后一个除外

   .item:not(:last-child)::after{}

css属性选择器

  [target]	//带有target属性的元素
  [target=-blank]	//target="-blank"的元素
  [title~=flower]		//包含"flower"的元素
  [lang|=en]	//起始为"EN"的元素
 a[src^="https"]	//选择每一个src属性的值以"https"开头的元素
 a[src$=".pdf"]	      //选择每一个src属性的值以".pdf"结尾的元素
 p:nth-child(2)  //父级的第n个,且是p元素
 .detailTabItem:nth-child(n+2)  //大于等于2的元素---- (an + b)。a周期，n 从 0 开始，b 偏移值
 p:nth-child(odd/even )//奇偶行 
 p:nth-of-type(2)  //父级的第n个p元素
 p:nth-last-child(2) //倒数第二个
 :not(p)  //过滤掉p元素