HTTP 的缓存机制，可以说这是前端工程师需要掌握的重要知识点之一。本文将针对 HTTP 缓存整体的流程做一个详细的讲解，争取做到大家读完整篇文章后，对缓存有一个整体的了解。 HTTP 缓存分为 2 种，一种是强缓存，另一种是协商缓存。主要作用是可以加快资源获取速度，提升用户体…

由于疫情关系，最近在掘金看到很多同学的工作情况内心还是蛮触动的（降薪、变相裁员、辞退等）。可能这并不是当下一个普遍的现象，但仍然使我感受到前端这碗青春饭不好混。于此同时联系我内推的同学很多都处于待业状态，能感受到他们内心的迷茫和焦灼。于是内心一直有声音督促我，赶紧写点面试相关的…

上篇文章介绍了 Suspense, 那么这篇文章就讲讲它的好搭档 useTransition。如果你是 React 的粉丝，这两篇文章一定不能错过。 我们知道 React 内部做了翻天覆地的优化，外部也提供了一些紧凑的新 API，这些 API 主要用来优化用户体验。React …

设计模式大家都有了解，网上有很多系列教程。 这里只分享 装饰者模式 以及如何使用 ES7 的 decorator 概念。

作为前端开发者，免不了要和 DevTools 打交道,熟练的使用 DevTools 能够大大提高我们的工作效率。然而，开发者工具的使用并没有得到足够的重视。 工欲善其事必先利其器，更何况，工具的学习成本比专业技能的学习成本小的多。 Chrome 有不同版本，如果想第一时间体验一…

今天在掘金上读到了 冴（yà）羽 同学的写的一篇文章《Cookie 的 SameSite 属性》，写得挺好。 对下面一段话，我还想做点补充。 其实，把 .com、.co.uk、.github.io 都叫做“顶级域名”很有误导性，应该是：.com 是一级域名，.co.uk、.gi…

React 的代码库现在已经比较庞大了，加上 v16 的 Fiber 重构，初学者很容易陷入细节的汪洋大海，搞懂了会让人觉得自己很牛逼，搞不懂很容易让人失去信心, 怀疑自己是否应该继续搞前端。那么尝试在本文这里找回一点自信吧(高手绕路). Preact 是 React 的缩略版…

Web Components涉及到的内容还是很多的，每一块都有很多东西可以讲，国外的好多大佬已经产出了好多优秀的文章。 本文照常只是简单了解大致内容而不进入深究，了解且会用即可，浅尝辄止。 Web Components本身不是一个规范，而是由W3C提出的另外4个规范的合集。这四…

好的断网处理会让人很舒适：lol的断线重连，王者荣耀的断线重连，可以确保游戏的继续进行。坏的断网处理甚至不处理会出bug。