从“甩锅”到“兜底”，一套代码实现缓存自愈，把用户体验拉回 100 分 一、为什么“清缓存”成了技术圈的梗？ “老师，页面白屏了！” “清下浏览器缓存试试。” —— 这段对话每天都在各家公司重复上演。

前端面试的 “硬核考点”，从 DOM0 到 DOM2 的绑定区别，到捕获与冒泡的执行流程，再到事件委托的优化逻辑，面试官总能从里问到外，这篇文章带你吃透所有考点！

前端世界里有很多看似“直白”的属性，比如 position: sticky，听起来像是“粘住某个位置”——只要设置好就能吸附在页面某个位置上，滚动时一动不动。 结果实际开发中你可能经历过以下崩溃三连：

一、Vite是什么？ 首先，讲下Vite名字的由来，Vite实际上是法语中快的意思，所以顾名思义，这个工具就是为了给我们带来更快的开发体验，它是一个面向现代浏览器，基于ECMA标准的ES Module

package.json 是前端每个项目都有的 json 文件，位于项目的根目录。许多脚手架在搭建项目时也会自动帮我们自动初始化好 package.json。

​ 通过使用call()或apply()方法，Parent构造函数在为Child的实例创建的新对象的上下文执行了，就相当于新的Child实例对象上运行了Parent()函数中的所有初始化代码，结果就是每个实例都有自己的info属性。 ​ 相比于原型链继承，盗用构造函数的一个优点…

2020年即将到来,在众多前端的招聘要求里,webpack、工程化这些字眼频率越来越高。日常开发者中，我们常常在用诸如vue-cli、create-react-app的脚手架来构建我们的项目。但是如果你想在团队脱颖而出(鹤立鸡群)、拿到更好的offer(还房贷)，那么你必须去深…

1. 什么是缓存？ http缓存机制主要在http响应头中设定，响应头中相关字段为Expires、Cache-Control、Last-Modified、Etag。 HTTP 1.0协议中的。简而言之，就是告诉浏览器在约定的这个时间前，可以直接从缓存中获取资源（represen…

本文从三个方面，全方位讲解了seo十余种解决方案。对于前端知识广度有很大帮助（不少前端对于seo只知道tdk优化和标签语义化）