我是一名前端工程师，通俗地说，就是一只程序猿。虽然大学专业也的确是IT相关专业，但求学期间划水四年，侥幸未挂科并顺利毕业，找的第一份工作是软件公司的销售类职位，想着多少也算专业相关愉快入职，却无论如何适应不了酒桌上的觥筹 ...

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

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

Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等 ...

1.为什么缓存？ 相对于cpu的计算和页面加载速度（mm级）来说， 网络请求更耗时， 所以通过http缓存的方式时间来减少网络请求， 从而能达到访问前端页面的性能优化。 http缓存策略分为强制缓存和协商缓存 2.强制缓存 Catch-Co ...

PWA是指渐进式web应用，一般由web app manifest, service worker, app shell, notification push等部分组成。 这里目前只讨论web app manifest, service w ...

浏览器缓存有多种形式，持久化或者会话存储。以chrome为例，打开调试面板，找到Application选项卡，就可以看到它所支持的各种缓存模式 缓存方式 详解 使用情况 http缓存 分为强缓存（200）和协商缓存（304），文章后面有详细 ...

目录 HTTP1.x、HTTP2、HTTP3 HTTP1.0 和HTTP1.1的一些区别 HTTP2.0和HTTP1.X相比的新特性 为什么 HTTP1.1 不能实现多路复用 多路复用和 keep alive区别 HTTPS HTTP和HT ...

引言 浏览器缓存，一个经久不衰的话题。 先来看一下百度百科对它的定义: 浏览器缓存（Browser Caching）是为了节约网络的资源加速浏览，浏览器在用户磁盘上对最近请求过的文档进行存储，当访问者再次请求这个页面时，浏览器就可以从本地磁 ...

（给达达前端加星标，提升前端技能）​ 想要成为一名合格的Web前端工程师，Web前端性能优化是一个必须要掌握的知识，那么应该怎么进行Web前端性能优化呢？--达达前端Web前端性能优化原理问题​ 前端性能优化，资源的合并与压缩，图片编码的原 ...