前言 ChatGPT把AI带火了，我就在想，能用它做点什么呢，总不能只让它给我们带来焦虑，也要让我们从科技浪潮中分得一点红利吧。一番查找下来，有个功能对我们程序员来说比较实用，就是AI的代码提示补全功

为什么要写这个文章呢？其实发现很多同学对一些很简单又有效的 debug 手段都不太了解，找 bug 的方式都不是很高效，导致最终 bug 找不到或者走了很多弯路。 Devtools 作为前端开发，ch

你了解内存泄漏吗？此文我们会介绍内存泄漏的相关概念和引起内存泄漏的一些问题，还会着重给大家介绍内存泄漏的排查、定位及修复方法，最后还简单扩展了下前端内存三大件的其他两件内存膨胀和频繁GC的概念

Rollup打包工具详细使用教程；之前在网络上查找过相关的rollup使用，有些文章很概念不易理解，没有具体步骤；有些文章步骤不够详细，没有来龙去脉。所以打算整理个文章给后来者减少弯路。

最近在研究 npm 组件发布，碰到一些相关问题，算是整理一下。 package.json 定义了当前项目中 npm包 之间的依赖关系和项目的一些配置信息（项目名称，版本，描述，开发人，许可证 等等）。 当说到包管理器，就会遇到 yarn 和 npm 的选择性问题。我是喜欢用 y…

最近做了一个vue-cli项目的性能优化，这次也是把很多之前学过的知识应用在实际项目中，遇到了很多困难也学到了很多东西。 这是一个用vue-cli 3作为脚手架的PC端web应用，全局多页面局部单页面（根据用户角色划分）。基本上使用的vue-cli的默认配置，也没有专门做过性能…

本文主要介绍如何在vuecli3生成的项目中，打包输出时删除console.log和使用dllplugin，并记录了配置过程中踩到的坑。 坑1：在vue.config.js中直接使用terser-webpack-plugin后，通过vue inpect审查发现新增的compre…

1. tree shaking 构建后的js代码只包含被引用并被执行的模块，而不被引用或不被执行的模块会被删除，以起到减包的作用。 注意项：tree shaking只会检测 ES2015 模块语法（即 import 和 export）。更多细节 通过打包的数据我们可以看到在in…

笔者最近在整理关于 webpack 相关的知识点，一方面是因为自己掌握的知识点比较零碎、不够系统，有时候碰到问题不知从何下手，另外一方面 webpack5.0 已经在路上了，这的确是一个让人头秃的消息。 笔者把系列的文章都扔在了这个仓库：webpack 学习整理文档，有兴趣的同…