SeriousLose

浏览器缓存的分类强缓存协商缓存（对比缓存）浏览器在加载资源时，会先判断是否命中强缓存再验证是命中协商缓存。强缓存浏览器在加载资源时，会先根据本地缓存资源的 header 中的信息判断是否命中强缓存，如果命中则直接使用缓存中的资源不会再向服务器发送请求流程ExpireCache-Control协商缓存协商缓存一般是这样一个流程：Last-Modified，If-Modified-Since浏览器第一次请求资源的时候，服务器返回的 header 上会带有一个 Last-Modified 字段，表示资源最后修改的

【代码】compositionstart。

浏览器 内核（排版引擎） Javascript引擎 Chrome Webkit V8 Firefox Gecko SpiderMonkey Safari Webkit javaScriptCore Opera webkit Caraka Edge EdgeHTML Chakra IE11 Trident Chakra IE10 Trident Chakra IE9 Tride

HTTP的特点 基于tcp/ip、一种网络应用层协议、超文本传输协议HyperText Transfer Protocol 工作方式：客户端请求服务端应答的模式 快速：无状态连接 灵活：可以传输任意对象，对象类型由Content-Type标记 客户端请求request消息包括以下格式：请求行（request line）、请求头部（header）、空行、请求数据 HTTP/0.9 仅仅有GET一种方式。当时的需求很简单，就是用来传输学术上体积很小的 HTML 文件。 只有请求行，没有后来熟悉的请

若Ajax请求是由jQuery的$.ajax发起的， 默认情况下可以使用 jQuery的Global Ajax Event Handlers监听到Ajax事件 兼容性 IE 9+、Chrome 15+、FireFox 11+、Edge、Safari 6.1+、Opera 12.1+ 监听所有请求 (function () { if (typeof window.CustomEvent === 'function') return false; function CustomEv

同源策略 同源策略是一种约定,是浏览器的核心基本安全功能, 如果缺少同源策略,浏览器的正常功能会受到影响,web的所有功能是构建在同源策略的基础上的,浏览器只是针对同源策略的一种实现. 现在所有的浏览器都支持同源策略. 在前端开发工作中,经常会遇到同源策略问题,就是向服务器发送请求的时候,不在同一级域名或者不在相同端口或相同协议下. 域名 每一个网站都有自己的服务器,每个服务器都有一个IP地址,每个IP地址都会制定一个域名,域名有一级域名,二级域名,三级域名 http://a(三级域名).goo

visibilitychange（vc贝雷忒change） 浏览器标签页被隐藏或显示的时候会触发visibilitychange事件. visible : 当前页面可见. 即此页面在前景标签页中，并且窗口没有最小化. hidden: 页面对用户不可见. 即文档处于背景标签页或者窗口处于最小化状态，或者操作系统正处于 '锁屏状态' . prerender : 页面此时正在渲染中, 因此是不可见的. 文档只能从此状态开始，永远不能从其他值变为此状态.注意: 浏览器支持是可选的. unloaded

postMessage API H5新加的内容,支持ie8及其以上. 却可用于实现不同源之间消息通信 使用场景 a标签中有iframe,iframe引用b页面,实现ab页面的相互通信 需要两个页面相互配合 const iframe = document.querySelector('iframe'); iframe.contentWindow.onmessage...

Broadcast Channel API 可以实现同源下浏览器不同窗口、Tab 页或者 iframe 下的浏览器上下文之间的简单通讯。 通过创建一个监听某个频道下的 BroadcastChannel 对象，你可以接收发送给该频道的所有消息 可以发送内容 字符串 Blob、 ...

Button Ripple

HTTP http的特点 * 基于tcp/ip、一种网络应用层协议、超文本传输协议HyperText Transfer Protocol * 工作方式：客户端请求服务端应答的模式 * 快速：无状态连接 * 灵活：可以传输任意对象，对象类型由Content-Type标记 * 客户端请求request消息包括以下格式：请求行（request line）、请求头部（header）、空行、请求数据 服务端响应response也由四个部分组成，分别是：状态行、消息报头、空行、响应正文 请求方法 http请求可

分类 GET 可收藏为书签 后退按钮/刷新 无害 数据会被重新提交（浏览器应该告知用户数据会被重新提交） 书签 可收藏为书签 不可收藏为书签 缓存 能被缓存 不能缓存 编码类型 application/x-www-form-urlencoded application/x-www-form-urlencoded 或 multipart/form-data。为二进制数据使用多重编码 历史 参数保留在浏览器历史中 参数不会保存在浏览器历史中。 对数据长度的限制 是的。当发送数...

1xx（临时响应） // 表示临时响应并需要请求者继续执行操作的状态码。 100 // Continue 继续 请求者应当继续提出请求。服务器返回此代码表示已收到请求的第一部分，正在等待其余部分。 101 // Switching Protocols 切换协议 请求者已要求服务器切换协议，服务器已确认并准备切换。 102 // 由WebDAV（RFC 2518）扩展的状态码，代表处理将被继续执行 2xx（成功） // 表示成功处理了请求的状态码。 200 // OK 成