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

本篇文章主要讲述的是Vite打包优化，下面就跟大家分享一下我总结的一些有关Vite打包的优化方案吧！

前言：Vite由于其快速的构建速度和高效的开发体验越来越受到开发者的欢迎，相信很多小伙伴都在用它来开发和构建前端项目， 那么Vite为什么那么快呢？Vite又是如何启动本地开发项目的，让我们一起来看一

前端数据埋点 SDK 前言 相信不少人因为项目中没有接触过数据埋点相关的内容，而没有花时间去了解它，总觉得这又是一个自己还不能涉及的方面，然而数据埋点本身并不难理解，只是很难做得好，本文会从 认识数据

前端埋点怎么做？ 常见的前端埋点有3类，第一个数据埋点，涉及pv（页面浏览量），uv（用户量），停留时长，用于分析用户行为。第二个性能监控，通过performance.timing，你可以获取到任何时

ResizeObserver的诞生本身就有着高性能的属性，但随着实例数量的增加，它带来的性能开销也不容小觑。通过封装全局唯一的实例，让监听元素尺寸变化真正不再有负担~

在 [🔥一文带你从0到1做性能优化——国际化业务中台性能优化实践(上)]中，我们着重介绍了性能指标选取、目标制定和性能瓶颈分析，本文将继续介绍对应问题的优化方案

数据埋点与我们的产品息息相关，大部分业务的迭代以及收益衡量都离不开埋点数据的分析。 如何用埋点数据分析描述自己开发的产品，是工作中的一节必修课

形状 三角形 border 直角等腰三角形👇： 等腰三角形👇： 等边三角形👇： clip-path clip-path 中的 polygon 属性可以用来绘制多边形。点的顺序是顺时针方向（第四象限）