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

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

仅做收藏用 最近需要实现汉字转拼音功能，找了一个简单的vue-py，结果很多生僻字转不了，后来找了一个能很好转拼音的工具类 一个实现汉字与拼音互转的小巧web工具库，另外还包含一个非常非常简单的JS版拼音输入法。 演示地址：http://d ...

1.对数组成员特性进行分组 function Group(arr = [], key) { return key ? arr.reduce( (t, v) => (!t[v[ ...

JavaScript介绍1、什么是JavaScript？Javascript是一门面向对象的，跨平台的脚本语言。2、JavaScript有什么特点？解释性脚本语言运行在浏览器（浏览器内核带有js解释器，Chrome v8引擎）弱类型语言（松 ...

网站性能优化可以从下面总结点入手。 1. 减少HTTP请求 使用雪碧图 - CSS Sprites，把多个图片合并到一个单独的图片中，利用CSS -background-position调整图片显示位置。这种方式适用面比较广泛。 缺点是，如 ...

在一些柱状图数据比如天气数据、男女比例等信息，在轴线上面加上图片可以更直观的查看数据。 效果图： image.png /** * 画轴线带图片的柱状图 * @param container 容器 * @ ...

直接量时指不需要创建对象就可以直接使用的变量。ES中的直接量主要有三种类型：表示字符串的string类型、表示数字的number类型和表示true/false的boolean类型。当我们直接将值赋给变量后，ES就会自动判断其类型，而且当参数 ...

开发环境性能优化优化打包构建速度HMR优化代码调试source-mapHMR概念：「HMR：」 hot module replacement 热模块替换 / 模块热替换作用：一个模块发生变化，只会重新打包这一个模块，而不是打包所有模块，极大 ...

近期，随着 vue3 的各种曝光，vite 的热度上升，与 vite 类似的 snowpack 的关注度也逐渐增加了。目前（2020.06.18）snowpack 在 Github 上已经有了将近 1w stars。 snowpack 的代 ...