前言 webpack5正式发布已经大半年了，一直囔囔着要去看看这次更新带来了哪些新特性，但是因为实在是太（xue）忙（bu）了（dong），所以一直没有去实践。但作为一名热爱学习的切图仔，让我不学那是

当一个没有管理经验前端架构师，在国企接手了一个烂摊子！怎么在团队和项目都快速膨胀的情况下，让大家信服，并让前端效率极剧提高呢？从技能、工程、架构、管理角度切入，做一个优秀的前端架构师。

在开发中经常会遇到网站的性能瓶颈，打开慢的情况。我们平常开发中怎么一步一步排查这些问题并 解决问题呢 javascript执行慢。 接口响应慢。 资源加载慢。 浏览器渲染慢。 。。。 我们只能要求自己，所以用户手机网速慢是不存在的～。 我们将从几个方面着手讲一下排查问题的手段。…

当你使用vue-cli快速创建一个vue工程的时候，有没有想过如何实现vue-cli这样一个命令行工具呢？开发这样一个工具会涉及大量的知识点（如果你希望它有实际作用而不只是一个简单的demo），还是有需要一定基础的。网上太多的教程只讲了最终的结果，而忽略了如何找到这个结果的过程…

如果选择 Chrome 作为开发环境，则必须知道的 11 个技巧。 好的，现在由于某种原因，你最终选择了 Chrome 为开发使用的浏览器。然后，你打开了开发者工具（ Developer Tools ）并开始调试代码。 有时你可以打开控制台面板（ Console panel ）…

我还从没见过哪个开发者看到冲突信息不会沮丧的扯头发。 尝试解决每个合并冲突是每个开发者讨厌的，尤其当你正准备上线部署的时候。 这就是正确设置Git工作流可以为你的开发工作带来巨大的好处。 当然，拥有正确的Git工作流并不会为你解决所有的问题，但这是朝着正确方向迈出的一步。 毕竟…

如果你已经写过很多 npm 模块，你就可以跳过这部分。如果没有的话，我们先看下简介。 一个 npm 模块 只 需要包含一个带有 name 和 version 属性的 package.json 文件。 看看你。 就像一只懵懂无知的小象。 你不是制作 npm 包的专家，但你很想学习…

在开发中，我们经常会将一些常用的代码块、功能块进行封装，为的是更好的复用。那么，被抽离出来独立完成功能，通过API或配置项和其他部分交互，便形成了插件。 下面这些是我在工作中积累的一些常用的前端开源插件，这里只是罗列出来，详细的用法各个插件官网或者Gayhub都有介绍。注意：往…