【api】小技巧

###一些小技巧或容易遗忘的事情

1，防止频繁的调用方法

let resizeCd;
        $(window).on('resize', () => {
            resizeCd && clearTimeout(resizeCd);
            resizeCd = setTimeout(() => {
                this.scale();
                resizeCd = null;
            }, 500);
        })

2，隐藏鼠标光标

cursor: none;

3，对象添加属性的两种方法

const data = {};
data.div = '我是谁，我在哪，谁在打我？';		//{div: "我是谁，我在哪，谁在打我？"}

let han = 123456;
data[han] = '舌战群儒';   //{123456: "舌战群儒"}
//[]可以是变量，并且可以是多类型，不限制是字符串

4，简单实现可输入的下拉框

输入“是”时，会自动选择包含“是”的下拉选项

<input id="myCar" list="cars" />
<datalist id="cars">
  <option value="我是谁">1023</option>
  <option value="我在哪">1024</option>
  <option value="谁在打我">1025</option>
</datalist>

5、可编辑的段落contenteditable

6、a链接的target属性

_blank – 在新窗口中打开链接
_parent – 在父窗体中打开链接
_self – 在当前窗体打开链接,此为默认值
_top – 在当前窗体打开链接，并替换当前的整个窗体(框架页)

7、拿到package.json

npm install安装全部

8、图片与文字在同一行时不能居中问题

给图片一个vertical-align: middle;，图片父元素需要加 line-height才会生效

9、text-decoration增加字体立体感