xY

如果想要文本超出宽度后用省略号省略，只需要加上以下的css就行了。 3行css搞定，但是问题来了：如果我们想要当文本被省略的时候，也就是当文本超出指定的宽度后，鼠标悬浮在文本上面才展示popper，应

经过对浏览器缓存优化方案的调研和实现过程，我发现了一个令人意外的发现：页面加载速度提升了整整48.5%！

性能优化概述 1.分包策略 Vite和Webpack都支持性能优化-分包策略，下面简要介绍一下它们的实现方法： Vite分包策略 Vite是一款基于ESM的构建工具，Vite的分包策略主要通过动态引入

Comlink | 无感知地使用 Web Workers。Web Worker 为 Web 内容在新线程中运行脚本提供了一种简单的方法，线程可以与主进程并行而避免阻塞渲染和交互。对于计算量大，容易造成

前言 之前看过我文章随手写了个 plugin，就将小程序体积减少了 120k的小伙伴（没看过的也可以了解下前因后果，说不定以后碰到相同的问题，就能按这种方式解决），肯定知道我们公司的 api 项目因为

所有人都知道 Webpack 很复杂，但 Webpack 的源码却很优雅，是一个典型的可插拔架构，不仅逻辑清晰，而且灵活好扩展。近几年出来的一些构建工具，大多也都参考了 Webpack 的这种架构方式

学习一下字节架构组前端大佬们的代码，因为是用于生产环境的代码，所以实用性不言而喻，不来看看，实在可惜了！

简介 Lighthouse 是谷歌开源的一款 Web 前端性能测试工具，它将针对此页面运行一连串的测试，然后生成一个有关页面性能的报告。本文中仅对 Performance 部分的指标进行介绍。 Per

简介 本文介绍 Chrome DevTools Performance 面板的所有功能，以便使用其分析页面加载时/运行时性能，找出性能瓶颈。 功能面板概览 控制面板（红色区域）：控制性能分析相关功能的