陈大鱼头

其实我已经好久没有码字了，不过因为 7 月 7 日是我在稿定满 3 年，同时也是我开始当前端满 7 年的日子，正好是第一份合同期满，签第 2 份合同的时候，所以就提笔记录一下自己的心情。

开发息息相关 虽然 Babel 团队在各种哭穷，但是 Babel 始终是我们前端在开发中不可或缺的重要工具。 虽然我们只是 API 调用工，但是多了解一些总是会有好处的嘛 ☄️☄️☄️

postcss 是什么按 官网 上的介绍，它是一个 用 JavaScript 转换 CSS 的工具（A tool for transforming CSS with JavaScript） 。与之类似

众所周知， HTML5 已经出了很多年，其迭代版本都出到了 HTML5.3 。这其中有趣的 API 跟 标签有许多，这里就简单介绍两个：<details> 跟 <summary> 。 <details> 就是一个展示附加内容的原生组件。 而 &#x…

如果没什么特殊情况，每一年 tc39 都会更新一些特性 API ，今年出的则是第 12 版，也就是我们说的 ES12 ， 下面让我们一起来看看都更新了哪些 API。 总所周知，我们的 Number 是长这样的：123456 。但是当金额大了之后，就会很不直观，每次看还得算，不过…

鱼头在开发的过程中，总结了一些优化开发的编码经验，当然这些经验都是前人总结出来的，这次就特别拿出来跟大家一起分享，当然这些经验不一定是最佳实践，各位读者有兴趣或者有不同意见的可以跟鱼头一起探讨一下。 哦，不是。。 在编程的世界里也有魔法，一般称其为：魔法数字，魔法变量，魔法字符…

鱼头曾在 『极限版』不掺水，用纯 CSS 来实现超飒的表单验证功能 一文中分享过一个花里胡哨的 纯 CSS 的表单验证功能 。虽然仅仅依赖 CSS 是无法满足我们的日常开发需求的，但是配合着各种原生的 form 验证 **API ** ，情况又不一样了。 下面就让我们来了解一下…

进度条是一个非常常见的功能，实现起来也不难，一般我们都会用 div 来实现。 作为一个这么常见的需求， whatwg 肯定是不会没有原生组件提供（虽然有我们也不一定会用），那么就让我们来康康有哪些有意思的进度条实现方式。 这种方法的核心就是以当前盒子为容器，以 ::before…

作为新特性 Composition API ，在 Vue3 正式发布之前一段时间就发布过了。 距文档介绍， Composition API 是一组低侵入式的、函数式的 API，使得我们能够更灵活地「组合」组件的逻辑。 不仅在 Vue 中，在其他的框架或原生 JS 也可以很好地被…