浏览器专栏

动态网页，随时都会重绘、重排 网页动画 Modal Dialog 弹窗 增加/删除一个元素，显示/隐藏一个元素 重绘 repaint 元素外观改变，如颜色，背景色 但元素的尺寸、定位不变，不会影响其他

步骤 网络请求 解析 渲染 1. 网络请求 DNS查询（得到IP），建立TCP连接（三次握手） 浏览器发起HTTP请求 收到请求响应，得到HTML源代码 继续请求静态资源 解析HTML过程中，遇到静态

cookie http 无状态，每次请求都要带cookie，以帮助识别身份 服务端也可以向客户端set-cookie，cookie大小限制4kb 默认有跨域限制：不可跨域共享、传递cookie 不跨域

产生背景 手机较小，需要双击放大看 解决方案 初期解决方案：FastClcik fast click 原理 监听touchend事件（touchstart touchend会先于click触发） 使用

单线程和异步 JS是单线程的（无论在浏览器还是nodejs） 浏览器中JS执行和DOM渲染同一个线程 异步 宏任务和微任务 宏任务，如setTimeout setInterval 网络请求 微任务，如

跨域请求 浏览器同源策略：浏览器的安全机制，不允许该网页请求第三方域名的资源，一般是获取服务端的数据。 同源策略一般限制Ajax网络请求，不能跨域请求server 不会限制<link> <img> <