前端世界

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第 1 天，点击查看活动详情 Gerrit 的 Change-Id 每次 commit Gerrit 都会为我们生成一个 Chang

ES Modules 中的 __dirname 和 __filename ES Modules 中的 __dirname 和 __filename

一段普通的代码在不同系统、不同浏览器的执行效率完全就不同的，平常我们是无需考虑这个问题，但是在某些情况下，比如大量数据序列化，在 JavaScript 中你可以有不同的实现，这时就得评价代码的性能。

clone 远程库，git clone 、git clone -b dev 、git clone -b dev --single-branch、git clone --depth=1 还是 degit

TypeScript 作为类型系统，官方提供了一些非常实用的工具类型，但覆盖面还是不够广，某些场景下还是会产生频繁使用的类型逻辑，今天我结合自己的项目，写几个工具类型，来弥补官方工具类型的不足。

只要提交记录产生，无论你是 reset 、 rebase 还是 commit --amend 等操作都没事，最终都能在 git reflog 中找到。那么问题来了，reflog 为什么能够找到？

当你掌握了一种技术，怎么样快速入门一门相似的技术呢？比如我会了 React 如何学习 Vue，会了 Antd 如何快速掌握 MUI。 或许我们常常会有这种感觉

Defensive CSS 非常的干货和实用，在你每次动键盘写 CSS 之前，都应该把它拿出来温习一遍，作为你写 CSS 的指导。

flex 布局默认 flex-wrap: nowrap 让 overflow-wrap 失效的原因。

CSS 最近有个提案很火。这是个我以前从未见过的全新事物，它就是——CSS Conditionals

数据序列化其实就是数据交换（Data exchange）的过程，对比学习 XML、JSON 和 YAML。

了解 YAML 名字，总结了 YAML 的特点和值得注意的地方，然后就是 YAML 的基本用法，后学习了高级用法，通过对比 XML、JSON、YAML 明白了数据序列化的演变，明白了 YAML 为何

回顾了模块化的发展，认识了如今 CJS 和 ESM 共存的局面，Node 也与时俱进跟进了双包的支持，为了弥补 package 未导出可能被滥用了的情况，Node 顺道完善了自身的功能。

作为一个前端，在工程化的项目里你肯定使用过很多很多的 npm package，不知道你有没有尝试开发过 npm package 或者研究下 npm package 的开发流程，如果你又经验，那么你一定

认识下 ANIS，学会了写个简版 chalk，接下来就是光标的用法了，这次我们就来系统学习，并实践简单的 progress。

终端这个我们熟悉的工具，你可能通过各种方式和它打过招呼，并为它的美化所倾倒，当你每次看到这么那么漂亮的终端，心中有没有闪过一丝好奇，想要一探它的原理，如果想，就来看看这篇文章吧。

前言 随着项目越来越大，你是不是觉得项目的 CSS 越来越难维护，常用的属性就是那么几个，来来回回的写，搞得你也很烦，如果是那么赶紧尝试用 ACSS 方案来解决你的问题吧，如果否，那说明你经历的项目还

更改复选框的强调色 一般我们的复选框长成下面这样，现在要求你切深色模式的时候，更改复选框选中的强调色为粉色。 审查元素，你发现 Checkbox 是原生 HTML 标签写的，这个时候你挠挠头，想了想

ITCSS：可扩展和可维护的 CSS 架构，现当代项目中必学必会的 CSS 架构，还不会快来学习吧。