文章以图/文/代码案例三种结合的形式解读。毋庸置疑,前端缓存一定是前端架构者必定需要考虑的因素，也是开发者的巨大加分项。是前端性能优化中最重要的知识点之一。

前言 在大多数情况下，设置 Set-Cookie时，大家可能只会设置 key 和 value 属性。当然大部分场景下也只需要做到这样。但是其实 Cookie 在此之外也有很多重要的属性。

开发环境下用来自动获取 cookie 的 chrome 插件。 输入源站点和目标站点以及 cookieName,便可以自动获取和监听 cookie 的变化并实时更新。

很多前端都喜欢用 console.log 调试，先不谈调试效率怎么样，首先 console.log 有个致命的问题：会导致内存泄漏。 为什么这么说呢？ 用 Performance 和 Memory 工

本文先从浏览器的渲染过程来从头到尾的讲解一下回流重绘，如果大家想直接看如何减少回流和重绘，优化性能，可以跳到后面。（这个渲染过程来自MDN） Display:将像素发送给GPU，展示在页面上。（这一步其实还有很多内容，比如会在GPU将多个合成层合并为同一个层，并展示在页面中。而…

nextTick 作用 官网对 nextTick 的说明是这样的： Vue 中响应状态改变不是马上更新而是缓存在一个队列在一定时间后才一起执行，类似函数节流的思路，在这个时间段内只做一次更新，而达到优

可能文中有些表述不是很严谨，大家见谅。 顺便推荐大家看一篇非常好的文章Tasks, microtasks, queues and schedules，看完绝对有所收获。 这里猜测一下为什么Vue有一个API叫nextTick。 这些线程中，和Vue的nextTick息息相关的是…

事件循环是宿主环境处理 JS 异步操作，让其能够非阻塞式运行的机制。不同宿主环境对事件循环的实现方式有所不同，接下来，本文将详细描述 JS 在浏览器和 Node.js 这两个宿主环境中的事件循环机制。

CSS不会阻塞DOM的解析，但会阻塞DOM的渲染。CSS会阻塞JS的执行，但不会阻塞JS的下载。JS会阻塞DOM的解析，也就会阻塞DOM的渲染。