前段时间看到了antfu重新构想原子化CSS的博客文章，这里我作为一个前端小白来看看大佬的最新作品UnoCSS有什么神奇之处

标题党身份暴露，本文主要讲了web中如何实现一个轻量的支持自动补全内置函数名的编辑器，纯纯个人探索过程，如有大神欢迎探讨，轻喷，文末有效果演示。

引言 📚 大家好，两个月前我写了这样一篇文章：「 30天整理 ｜2W字长篇」用一篇文章明确前端学习路线并构筑知识体系🌿，主要讲述了我的前端学习之路，以及在与大佬的探讨下共同完成的一幅巨大的前端知识体系

目前工作中接手的几个项目都是 B端 PC 项目，业务逻辑都比较复杂，并且代码历史较久，在日常的维护中经常会遇到想摊手的技术问题，发现问题、解决问题、避免再次出现同样的问题，既是项目可持续维护的因素之一

BFC到底是什么东西BFC，怎样触发BFC，BFC的规则，BFC解决了什么问题，一文搞懂，进来瞅瞅吧

“这是我参与8月更文挑战的第23天，活动详情查看：8月更文挑战” 8个工程必备的JavaScript代码片段，听过这样起博客标题可以提高阅读量。😀 最近写博客好累，让8月征文活动搞的，今天水一篇好了，

`Date` API 大家肯定都有用过，虽然更多时候关于日期的处理都交给了 dayjs 或者 moment。 但我们肯定免不了去直接使用原生 API，这时候你可能会免不了爆一句粗口「什么阴间玩意？」

订阅发布模式前端无处不在，浏览器本身自带了，很多情况下，你根本就不需要手写或者引用第三方库，我们一起来傻傻的乐呵乐呵的用最少的代码来实现吧。

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