ccvaille

- 利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件

- 作用：任务频繁触发的情况下，只有任务触发的间隔超过指定间隔的时候，任务才会执行，可以提升性能，减少浏览器或者服务器的压力。 ```javascript /** * @param fn {Function} 实际要执行的函数 * @param interval {Number} 延迟时间，默认 300 毫秒 * * @return {Function} */ function throttle(fn, interval = 3000) { let canRun =...

- 区别 - 深拷贝：将 B 对象拷贝到 A 对象中，包括 B 里面的子对象， - 浅拷贝：将 B 对象拷贝到 A 对象中，但不包括 B 里面的子对象 - 实现 - [https://yanhaijing.com/javascript/2018/10/10/clone-deep/](https://yanhaijing.com/javascript/2018/10/10/clone-deep/)

```javascript let a = { i: 1, valueOf: function() { return a.i++; } } // == 的时候会隐形调用了 valueOf() 或者 toString() console.log(a == 1 && a == 2 && a ==...

- mouseover 、scroll 、resize、keyup 事件会频繁触发，会导致页面卡顿，所以希望多次触发的相同事件触发合并成一次触发 - 作用： 在某段连续时间内，在事件触发后只执行一次 ```javascript /** * @param fn {Function} 实际要执行的函数 * @param interval {Number} 延迟时间，默认 300 毫秒 * * @return {Function} */ function debounce(fn, interval...

- [https://yanhaijing.com/javascript/2014/04/29/what-is-the-execution-context-in-javascript/](url) - [http://dmitrysoshnikov.com/ecmascript/javascript-the-core/](url)

- Cross Site Scripting 跨站脚本攻击 - 分类 - 反射型 XSS - 当用户点击一个恶意链接，或者提交一个表单，或者进入一个恶意网站时，注入脚本进入被攻击者的网站。Web 服务器将注入脚本，比如一个错误信息，搜索结果等 返回到用户的浏览器上。浏览器会执行这段脚本，因为，它认为这个响应来自可信任的服务器。 - 存储型 XSS - 注入型脚本永久存储在目标服务器上。当浏览器请求数据时，脚本从服务器上传回并执行 - DOM 型 XSS - 被执行的恶意脚本会修改页面脚本结构 - 防范 - 输入过滤 -...