数据存储一直是前端的软肋，从 4KB 左右的 Cookie 到最多 10MB 的 Storage，存储之争从未停止。然而有些问题还是不能解决，这时候我们遇见了她：IndexedDB。

在前端开发中，性能一直都是被大家所重视的一点，然而判断一个网站的性能最直观的就是看网页打开的速度。其中提高网页反应速度的一个方式就是使用缓存。一个优秀的缓存策略可以缩短网页请求资源的距离，减少延迟，并且由于缓存文件可以重复利用，还可以减少带宽，降低网络负荷。 4、缓存失败阶段：…

在这篇文章中，我们将解释浏览器是如何利用缓存来使加载页面更快，哪些因素决定了缓存的周期，在必要的时候如何去避开缓存。 在chrome中，我们可以在地址栏中输入chrome://cache去查看缓存的内容，对于每一个已经缓存的文件，这里都将会显示一个页面链接，页面链接的内容包含一…

有时候我们需要在用户离开页面的时候，做一些上报来记录用户行为。又或者是发送服务器ajax请求，通知服务器用户已经离开，比如直播间内的退房操作。 本文主要分两部分来讲解怎么完成退出行为的上报。 浏览器有两个事件可以用来监听页面关闭，beforeunload和unload。 bef…

基于虚拟 DOM 数据驱动的思想，最不提倡的就是 jquery 时代的 DOM 操作！但是在目前一些复杂的页面中经常还是会用 javascript 处理一些 DOM 元素，实现一些动态效果；最常见的是用到一些元素的位置和尺寸的计算，但是其中浏览器的兼容性问题也是不可忽略的一部分…

作为前端开发，我们平常跟浏览器打交道的时间也是最多的。在前端面试中，一个较为经典的问题：在浏览器地址中输入url地址，敲回车，发生了什么？浏览器究竟做了什么？相信很多人脑海里都会出现个大概的轮廓，可是一到细化具体的过程就答不上来。那么，作为前端开发者，应该从哪些方面延伸来回答这…

也就是说，当我们首次进行资源请求之后，服务器在返回资源给客户端的同时，缓存服务器或本地缓存也会保存一份资源副本（在允许缓存的情况下），当我们下次再对该资源进行请求时，则会直接使用资源副本而不会从原始服务器再次请求文档。 当很多客户端访问同一份文档的时候，原始服务器一遍又一遍地返…

在打开一个新窗口时，由于浏览器的安全机制，用户未始终允许的情况下，可能会触发到浏览器拦截，无法正常直接弹出。 网上有很多给出解决方案的只言片语，不够全面，所以针对自己遇到的问题做了详细的情况分析。总结成文，避免以后混淆。 只分析列举使用 js 代码手动打开新窗口的方式。 使用 …

hash：可能是大多数人了解的模式，主要是基于锚点的原理实现。简单易用 browser：即使用html5标准中的history api通过监听popstate事件来对dom进行操作。每次路由变化都会引起重定向 memory：这种实现是在内存中维护一个堆栈用于管理访问历史的方式，…