此文总结了我多年组件封装经验，以及拜读 antd、element-plus、vant、fusion等多个知名组件库所提炼的完美组件封装的经验；是一个开发者在封装项目组件，公共组件等场景时非常有必要遵循

一篇文章演示如何监测项目的性能问题，一步一步来解决发现的web性能问题。使用工具Lighthouse和performance

概述 本文档提供了 webpack 打包构建速度优化的完整方案，明确区分开发环境和生产环境的优化策略。 快速参考 优化方案 开发环境 生产环境 效果 难度 启用缓存 ✅ ✅ ⭐⭐⭐⭐⭐ 简单 优化 S

其他的非公共代码。 all: 不管文件是动态还是非动态载入，统一将文件分离。当页面首次载入会引入所有的包 async： 将异步加载的文件分离，首次一般不引入，到需要异步引入的组件才会引入。 initial：将异步和非异步的文件分离，如果一个文件被异步引入也被非异步引入，那它会被…

在上一篇文章Webpack配置全解析介绍了Webpack中loader和plugins的一些基本用法，当loader和plugins使用较多后项目也会越来越耗时，因此这次我们继续学习如何优化webpack的配置来让我们的项目运行的更快耗时更短。 本文将从缩小文件搜索范围、减少打…

vite vue-router history模式打包部署，包括部署在根目录，二级目录，多环境部署。

【前端面试复习系列文章】 2024前端高频面试题-- html篇 2024前端高频面试题-- CSS篇 2024前端高频面试题-- JS篇 2024前端高频面试题-- VUE篇 2024前端高频面试题

单页面首屏优化，打包后大小减少64M，加载速度快了13.6秒 1. 静态文件缓存(js,css等)，图片和SVG进行压缩或者替换。 2. 删掉无用路由、引用的库（实际未使用），然后启用树摇 3. ..

比如这种常见的卡片，在首页和详情页或者其他页面都需要展示，这个时候就要考虑封装成一个通用的组件，来提高代码的复用性和可维护性。 先理一下这个结构，首先内容区相同，不同的是底部的按钮，在不同的页面显示