Cache API 是一套搭配 PWA serviceworker 赋能的存储机制，来实现请求数据离线功能。与 applicationCache 相似，提供了力度极细的存储控制能力，内容完全由脚本控制。常在 serviceworker 中搭配 Fetch 使用，且同一个 URL…

在 Web 应用开发过程中，我们经常谈及到的就是优化，而优化往往又是既简单而又复杂的过程，优化这个命题很广，最终体现出来的都是用户体验问题，我们一切优化都是为了用户体验。 为什么说简单？在现代 Web 开发生态中，有非常优秀的工具链帮助我们做一些很实际的优化工作，例如 webp…

首先，没有标题党！这套教程确实是免费的，并且针对每节讲解准备了对应的代码，代码环境是webpack4。 课程以常见的webpack4用法为主线，按照从易到难的顺序，逐步引导搭建，渐进式教程真香。 说句实在话，webpack4其实完全靠文档，但是刚入手的时候还是有个简易教程比较好…

HTTP/2的出现，无疑对Web性能的提升带来了巨大的助力，改变了Web开发者优化网站的方式，但之前一直对它处于模糊的状态，只知道一些零零碎碎的知识，周末终于静下心来，从HTTP1开始，找到HTTP/2的存在及其存在必然性，整理了一些内容如下，希望能对有需要的同学产生一点点帮助…

这些个知识点是我个人认为的，下面我们就来看看这些个知识点。 position 的常见四个属性值: relative，absolute，fixed，static。一般都要配合"left"、"top"、"right" 以及 "bottom" 属性使用。 static:默认位置。 在…

写在前面： 在前端开发的过程中，如果有注意的话，发现有些写css3属性时，兼容性的写法顺序不太一样，比如transition属性，有些把transition放在前面有些是放在后面，这就引出了两个概念：优雅降级和渐进增强。 写法栗子： .transition { /*渐进增强写法*…

缓存，这是一个老生常谈的话题，也常被作为前端面试的一个知识点。 本文，重点在与探讨在实际项目中，如何进行缓存的设置，并给出一个较为合理的方案。 在介绍缓存的时候，我们习惯将缓存分为强缓存和协商缓存两种。两者的主要区别是使用本地缓存的时候，是否需要向服务器验证本地缓存是否依旧有效…

本文从Event Loop、Promise、Generator、async await入手，系统的回顾 JavaScript 的异步机制及发展历程。 需要提醒的是，文本没有讨论 nodejs 的异步机制。 也许我们都听说过JavaScript是事件驱动的这种说法。各种异步任务通…

TypeScript 已经出来很久了，很多大公司很多大项目也都在使用它进行开发。上个月，我这边也正式跟进一个对集团的大型运维类项目。 每一个模块要做的事情也很多，由于牵扯到公司业务，具体要做的一些事情这里我就不一一列举了，反正项目整体规模还是很大的。 在做了一些技术调研后，再结…