先简单总结一下，优化Webpack打包可以通过多种方式来提高性能和减小文件大小。以下是一些常见的优化技巧： 代码分割（Code Splitting）：将代码拆分成多个小块，使得在加载页面时只加载必要的

- 了解项目vue cli webpack配置 - webpack构建相关优化 - webpack打包体积相关优化 - docker相关优化

前言 之前的开发工作中对vue2项目也有做过不同的优化，但是都比较零散且没有系统化的记录下来。 正好最近接手了一个老项目，虽然项目不大性能也还过得去，但是我觉得可优化的空间还是比较多的。 所以也趁此机

pngquant介绍 pngquant 是一个流行的命令行工具，用于无损压缩 PNG 图像文件。这种工具特别适用于需要优化图像文件大小的Web开发和设计，以提高网页加载速度和降低带宽使用 官方地址：p

之前面试的大佬问我关于重排重绘的原理和具体操作，一下子把我问蒙了。回家便默默地把问题记下来，仔细总结……在阅读了一些文章后，自己也有了一定的理解，所以分享给大家。希望大家也能耐心把这篇文章看完，认真思考，彻底掌握这个知识点！ 5.将布局绘制(paint)在屏幕上，显示出整个页面…

工欲善其事，必先利其器！ VSCode作为前端开发的重要工具，其插件能大幅提升战斗力，精心收集40+插件，总有几款你还未曾拥有。

某天闲着无聊想练一下手速，去上拉一个小程序项目中一个有1万多条商品数据的列表。在数据加载到1000多条后，是列表居然出现了白屏。看了一下控制台： ‘Dom limit exceeded’，dom数超出

[JavaScript] 闭包 在JavaScript中存在着闭包这以概念，也是前端面试中经常会提到的一个知识点，下面就来介绍一下闭包吧。 闭包是什么？ 首先来看下MDN（Mozilla Develo

后端一次性返回过多数据时，我们前端应该如何渲染，本文提供了两种比较适合方案供大家参考 直接渲染 先看下直接渲染会有什么问题吧 先模拟下这个数据过多时的情景，我生成十万条li，然后每个li都是随机