前端杂货铺

过去的对，需要再接再厉。过去的错，需要及时改正。2021 过去了，不需要再过于纠结。2022，将是一个比以往都要让人期待的一年，也是最有挑战的一年。

现代工程化中离不开模块化机制，而 npm 模块包机制产生的一个结果就是我们每个项目中都会有一个 node_modules “无底洞”。

读者最近阅读了一本书——《你的时间80%都用错了》，里面提到的观点很有意思，跟大家分享一下。身处快节奏的互联网，你是否常常也会觉得你的时间不够用？那接下来的内容或许能够对你有些许启发。

日志对于我们服务端排查定位问题非常重要，本文通过 koa-logger 和 koa-log4js 讲解了如何上报日志。

很多时候，我苦恼于 Node.js 的调试，只会使用 console.log 这种带有侵入性的方法，但是其实 Node.js 也可以做到跟浏览器调试一样的方便。

在 Node.js 出现之前，JavaScript 只能在浏览器中使用。而 Node.js 的出现打破了这个局面。以下为 Chrome 浏览器和 Node.js 的组件构成。

本文结合 ES11 中非常有用的两个特性，空值合并操作符（??）和可选链操作符( ?. )来看看怎么在项目中使用相关语法。

入职第一天，一般我们的任务就只有一个，那就是配置环境。那我们需要配置哪些环境呢？今天就和大家分享一下我自己的一些建议和经验。

Koa 的洋葱模型指的是以 next() 函数为分割点，先由外到内执行 Request 的逻辑，再由内到外执行 Response 的逻辑。

async await 中添加错误处理个人认为是有必要的，但方案不仅仅只有 try...catch。

is() 是一个 CSS 伪类函数，该函数将选择器列表作为参数，并选择该列表中任意一个选择器可以选择的元素。

Eslint 对于一个团队的代码规范是非常重要的，Eslint 自身带有很多有用的规则，本文介绍了 ESlint 的基础原理以及如何自定义 Eslint 插件来解决对象数组排序的问题

前言 最近在做一个项目，要求获取到一个 HTML 元素指纹。本文就 optimal-select 讲一下是如何实现的？

Javascript 之所以有以上怪异表现，主要是初期设计过于匆忙，1995 年仅用用了 10 天来完成的。可能上面的行为我们用得不多，但了解它们对于我们更加深入了解 JavaScript 也是有所帮

前言 笔者目前在 Shopee 工作，我们公司主要业务是跨境电商，业务涉及到多个国家，所以我们各个系统都会涉及到国际化翻译。我们 Vue 项目技术上采用了 Vue-i18n 这个库。 今天就聊聊这个库

为什么要在 Webpack 中使用 Source Map？以及 Webpack 提供了哪些 Source Map 的使用方式？我们应该在开发环境和生产环境如何使用 Source map？

CSS Modules 是什么？官方文档的介绍如下：所有的类名和动画名称默认都有各自的作用域的 CSS 文件。CSS Modules 并不是 CSS 官方的标准，也不是浏览器的特性，而是使用一些构建工

这很容易造成“误触”的情况，比如一个编辑表单（宽度很大，可以左右滚动），我填写了很多的内容，在一个表格中左右滚动的时候，返回了前一个页面，我在页面中填了很多的东西就会不见...这会很让我奔溃。 其实触发返回事件是有一个边界的，这一点我也是自己实践得出来的结论。这个边界触发就是滚…

模块热替换(hot module replacement 或 HMR)是 webpack 提供的最有用的功能之一。它允许在运行时更新所有类型的模块，而无需完全刷新 一种是页面刷新，不保留页面状态，就是简单粗暴，直接 window.location.reload()。 另一种是基…

很多同学都希望能够拥有自己的一个文档系统，去记录/总结自己所学到的知识。 index.html 入口文件。后面我们的配置很多都是在这里配置 通过运行 docsify serve 启动一个本地服务器，可以方便地实时预览效果。默认访问地址 http://localhost:3000…