平时上网有随手收藏感兴趣网站的习惯，上学的时候大部分收藏的都是游戏音乐电影不可描述之类的网站，工作之后反而全是技术学习资讯之类的了。前几天整理浏览器书签的时候，发现竟然有二百多个书签了，而且一不小误删了几十个恢复起来非常麻烦，于是觉得有必要换种方式记录一下，同时精选一些觉得不错…

我之前也是用过很多代码编辑器，从NotePad++、SublimeText一直到PHPStorm，最后VSCode。这个过程每一个编辑器我都折腾了很多配置，插件和主题。开发者的编辑器就等同于一个刀客的随身佩刀，一个枪手的随身配枪。一个好的装备的配件可以大大提升我们的战斗力。 所…

背景：团队在使用VSCode开发时，没有自动修复，导致代码参差不齐，甚至出现冲突的情况，因此我们使用统一的eslint配置，并且在保存代码时自动进行修复fix，就能保证大家的代码在一定程度上是一致的。

作为前端，当你入职一家公司，拿到新发的电脑，你会对电脑干点啥，装开发环境？装软件？你是否铺天盖地到处找之前电脑备份的东西？又或者是想不起来有什么上一台电脑好用的软件叫什么名？

在将包管理工具切换至pnpm时，需要单独为幽灵👻依赖添加依赖提升的配置，于是就有了这个工具，辅助开发者发现项目中的幽灵依赖 phantom dependencies

凄美的爱情故事还能教你编程知识和编程哲学？ 看人类高质量男性如何在两个美女追求者中做出选择，最后的结局让人泪目。

你是否真的理解 devDependencies 和 dependencies 的区别？如果不能确切的回答、理解还停留在模糊的阶段，那就接着往下看。笔者结合案例讲解，保证一文就能让大家清晰理解他们的区别

一种是页面刷新，不保留页面状态，就是简单粗暴，直接window.location.reload()。 另一种是基于WDS (Webpack-dev-server)的模块热替换，只需要局部刷新页面上发生变化的模块，同时可以保留当前的页面状态，比如复选框的选中状态、输入框的输入等。…

在前端工程化日趋复杂的今天，模块打包工具在我们的开发中起到了越来越重要的作用，其中webpack就是最热门的打包工具之一。 说到webpack，可能很多小伙伴会觉得既熟悉又陌生，熟悉是因为几乎在每一个项目中我们都会用上它，又因为webpack复杂的配置和五花八门的功能感到陌生。…