前言本文首先会简单介绍下前端的常见缓存方式，再引入serviceworker的概念，针对其原理和如何运用进行介绍。然后基于google推出的第三方库workbox，在产品中进行运用实践，并对其原理进行简要剖析。前端缓存简介先简单介绍一下现有 ...

事件就是用来完成“当...时做...”的功能，也就是起监听作用。事件给我们提供了一个跟文档对象进行沟通的接口。 事件主要由三部分组成：事件的目标（EventTarget）、事件监听器（EventListener）和事件本身（Event）。事 ...

TypeScript 包含的数据类型如下表: 由图表可以看出，TS的数据类型与JS有所不同， 其中any， void， never，元组，枚举是新的数据类型。 值类型(基本类型)：字符串（String）、数字(Number)、布尔(Bool ...

Node 在DOM中文档的结构是以节点来表示的，所有的元素（对象）都叫做节点。节点有很多类型，总的节点对象叫做Node，Node下面具体分为10个子类型，子类型中的CharacterData对象又进行细分。 HTML DOM Tree 实例 ...

01、CSS3动画是什么？动画是使元素从一种样式逐渐变化为另一种样式的一种效果。我们可以改变任意多样的次数，可以用百分比（ 0% 和 100%，百分比代表的是时间）或者是用关键词 "from" 和 "to"来规定变化发生的时间。0% 是动画 ...

最近在看面试题的时候总会看到有一些关于Http缓存的题目，但是总是一知半解，不甚理解；尤其是Http头信息中有一大堆的字段，什么if-modified-since，什么if-none-match，真是令人头疼。后来突然想到，要是能通过自己构 ...

1、普通用法 使用标签,可以将父组件放在子组件内的内容，显示在想让他显示的地方。例： 子组件children: // slot的位置就是父组件中的<s ...

在Javascript中，数组是一个重要且常见的知识点，我们经常将数据存储在数组中。作为一名Javascript工程师，数组必须要运用自如。这篇文章，向大家展示了在日常开发中，数组有哪些奇淫技巧值得关注和学习，让我们开始吧！ 1、去重这也是 ...

何为插件（Plugin）？专注处理webpack在编译过程中的某个特定的任务的功能模块，可以称为插件。插件是一个扩展器，它丰富了webpack本身，针对的是loader结束后，webpack打包的整个过程，它并不直接操作文件，而是基于事件机 ...

Cache-Control 通用消息头字段，被用于在 http 请求和响应中，通过指定指令来实现缓存机制。缓存指令是单向的，这意味着在请求中设置的指令，不一定被包含在响应中。 请求和响应中的 Cache-Control 指令并不完全相同， ...