提问 sw-precache是什么？ workbox又是什么？ web前端的各位同学可能或多或少听过pwa，听过service worker（后面简称为SW），也知道对应的生命周期。知道了这些api后，你还是不知道如何将pwa技术投入生产。 ...

​ 由于这两天面试有遇到相关的问题，以及在维护外包项目时遇到的种种相关的奇葩异步乱用的问题，决定好好捋捋这几个名词在实际中的应用。 一、队列类型 ​ js是单线程编程语言，所以js的执行顺序是按语句的顺序去排列的。 ...

--文末附视频教程+源码 1. 构造函数 new Promise 时，需要传递一个 executor 执行器，执行器立刻执行（同步执行），executor 接受两个参数，分别是 resolve（成功） 和 reject（失败）。 promi ...

前言 本文1630字，阅读大约需要8分钟。 总括: 本文从零开始通过提出问题然后解决问题的方式模拟实现了比较完善的call和apply方法 参考文档：Function.prototype.call()，Function.prototype ...

简介 HTML 上的图形渲染主要有两种方案 SVG 和 Canvas，前者更易于使用，而后者潜力更大，本文主要关注如何使用 Canvas 绘制出更多的图形，提供更加流畅的交互。本文的内容有： 渲染机制 性能瓶颈 绘制更多的图形 让交互更流畅 ...

Promise相信写前端的同学都不陌生，本意是承诺，答应完成某事。promise主要用于异步计算。可以将异步操作队列化，按照期望的顺序执行，返回符合预期的结果。还可以在对象之间传递和操作promise，帮助我们处理队列。 和其他异步调用的优 ...

我也不知道这是个啥图 Event Loop Event Loop定义了浏览器执行你写的代码的顺序。我们都知道浏览器在执行代码的时候，并不一定按照你写的顺序来执行，因为这里边可能存在异步执行，而且可能有多个异步代码，还有可能有多种异步代码。 ...

之前有篇我的 blog 提到过 js 的异步发展史：从 callback 到 promise 再到 async/await。async/await 之后的 JS 开始允许我们以一种看似顺序执行的方式书写代码，这让入门 JS 变得更简单，但在 ...

前言 学习《HTML5与CSS3权威指南》这本书很不错，学完之后我颇有感触，觉得web的世界开明了许多。这本书是需要有一定基础的web前端开发工程师。 这本书主要学习HTML5和css3，看看这本书的书名就知道了，首先学习HTML5中新增的 ...

 最近学习了下Vue3的源码，抽空写一些自己对3.x源码的解读，同时算是学习的一个总结吧，也能加深自己的印象。  就先从3.x的响应式系统说起吧。 回忆  首先大概回忆一下2.x的响应式系统，主要由这几个模块组成，Observer，Watc ...