前段日子有空，粗略学习了一下 Service Worker ；最近重新复习了下，并且把内容整理后写在这里，希望对大家有所帮助。 同时，如果文章中有错误或者描述不当的地方，欢迎大家能够帮我指正，谢谢。 PS：文章很长，含有大量示例代码。大家可以慢慢看：） 作为一个比较新的技术，大…

ServiceWorker 是一个运行在浏览器背后的独立线程，它拥有访问网络的能力，可以用来实现缓存、消息推送、后台自动更新等功能，甚至可以用来实现一个完整的 Web 服务器。

一、浏览器 首先我们知道浏览器是多进程的，有一个主控进程，每个tab会单开一个进程。如果多个空白tab页，可能会合并成一个进程管理。浏览器进程主要可以分为以下几种： Browser进程：浏览器的主进程

Babel 是一个 JavaScript 编译器,它能将es2015,react等低端浏览器无法识别的语言，进行编译。 上图的左边代码中有箭头函数，Babel将进行了源码转换，下面我们来看Babel的运行原理。 解析（parse），转换（transform），生成（genera…

大家一起来探讨下前端浏览器缓存的优化技术以及它们的实现方式，通过利用浏览器缓存，可以减少页面请求次数，降低服务器的负载，提高网站的用户体验

今天讲的三个属性都是在 link 标签上使用的，使用形式如下： 初看起来，这三个属性设置起来比较简单，但是如果使用得当，效果却会非常棒。比如 奈飞 通过使用 prefetch 把 TTI ( Time

这是我参与2022首次更文挑战的第30天，活动详情查看：2022首次更文挑战 最常见的用法，就是加载 CSS 样式文件，写法如下： rel 属性是 “关系” 的意思，它的值 stylesheet 表示

懒加载和预加载的目的都是为了提高用户的体验，二者行为是相反的，一个是延迟加载，另一个是提前加载。懒加载对缓解服务器压力有一定作用，预加载则会增长服务器前端压力缓存。 懒加载 lazyload 懒加载：

对于前端页面来说，静态资源的加载对页面性能起着至关重要的作用。本文将介绍浏览器提供的两个资源指令-preload/prefetch，它们能够辅助浏览器优化资源加载的顺序和时机，提升页面性能。一、从一个