波斯地毯

``` function Lazyman(name) { this.name = name; this.events = []; setTimeout(() => { this.clear(); },

``` class LazyMan { constructor() { this.events = []; setTimeout(() => { this.clear(); }, 0); } eat(

同源策略 "协议+域名+端口"三者相同 1通过JSONP实现跨域 2通过document.domain + iframe跨域 3 location.hash + iframe跨域 4 postMess

服务器与浏览器的中间人角色，如果网站中注册了service workder那么它可以拦截当前网站的所有的请求 基于web worker 在web workder的基础上增加了离线缓存能力 创建有效的离

缓存位置 disk cache memory cache 强缓存 cache control expires 协商缓存 etag last-modified 缓存机制 在强缓存时间范围内 强缓存失效

Object.defineProperty 对对象的属性劫持 Proxy 是对整个对象劫持 Object.defineProperty 劫持数据 只是对对象的属性进行劫持 无法监听新增属性和删除属性

最小化http请求 使用cdn 添加expires或者cache control header 避免空src图像 使用favicon,小且可缓存 不要在组件中缩放图像 压缩图片，js，css等组件资源

伪元素 伪类、伪元素 伪类、伪元素 伪类、伪元素 伪类、伪元素 伪类、伪元素 伪类、伪元素 伪类、伪元素 伪类、伪元素 伪类、伪元素 伪类、伪元素 伪类、伪元素 伪类、伪元素 伪类、伪元素 伪类、

实现多个标签通信，本质上是通过中介者模式实现，因为标签页直接没有办法直接通信，因此可找一个中介者来让标签页和中介者通信，然后让这个中介者进行消息转发 使用Websocket，通信的标签页连接同一个服务