Weitian Gan

文档：https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/link @import 文档：https://developer.mozilla.org/zh-CN/docs/Web/CSS/@import 1. link是 HTML/XHTML 标签; @import 是CSS中的规则。 2. link 无兼容性问题; @import 兼容IE5.5以上。 3. link 不只能引用CSS，还能引用其他资源，如：favicon; @import 只能用于从其他样式表导入样式规则。 4. 由于link是 HTML/XHTML 标签，所以能够通过DOM进行操作； @import 无法通过DOM进行操作。 5. link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。

### 简易防抖 ``` let ipt = document.getElementById('ipt'); let dbFun = debounce() ipt.addEventListener('keyup', function (e) { dbFun(e.target.value); }) function debounce() { let timer; return function (value) { clearTimeout(timer); timer = setTimeout(()...

### MDN上关于parseInt的介绍： ### 语法 parseInt(string, radix); ### 参数 #### string 要被解析的值。如果参数不是一个字符串，则将其转换为字符串(使用 ToString 抽象操作)。字符串开头的空白符将会被忽略。 #### radix 一个介于2和36之间的整数(数学系统的基础)，表示上述字符串的基数。比如参数"10"表示使用我们通常使用的十进制数值系统。始终指定此参数可以消除阅读该代码时的困惑并且保证转换结果可预测。当未指定基数时，不同的实现会产生不同的结果，通常将值默认为10。 原题写法相当于: ``` ['1','2','3'].map((item,index)=>{ return parseInt(item,index) }) ``` 当index为0时，代表parseInt忽略了第二个参数，此时以十进制表示，返回1。 当index为1时 输入不合法，parseInt第二个参数需要介于 2-36之间，返回NAN。当item为3 index为2时，3不是有效的2进制数 返回NAN

www.baidu.com 形参按值传

[Link](https://github.com/ReactTraining/react-router/blob/v4.3.1/packages/react-router-dom/modules/Link.js) 的本质也是a 标签。只不过在Link 中禁用了 a 标签的默认事件，改用了history对象提供的方法进行跳转。

``` 1. div.parent { display:flex; justify-content:center; align-items:center; } 2. div.parent { position:relative; } div.child{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); } ```

# 暴力解法 ``` for (let i = 1; i