用神奇的 form 验证 API 来优化你的表单验证
2021-06-29
阅读 6 分钟
3.1k鱼头曾在 『极限版』不掺水，用纯 CSS 来实现超飒的表单验证功能 一文中分享过一个花里胡哨的 纯 CSS 的表单验证功能 。虽然仅仅依赖 CSS 是无法满足我们的日常开发需求的，但是配合着各种原生的 form 验证 API ，情况又不一样了。
你不知道的 CSS 进度条
2021-01-18
阅读 7 分钟
6.8k作者：陈大鱼头github： KRISACHAN进度条是一个非常常见的功能，实现起来也不难，一般我们都会用 div 来实现。作为一个这么常见的需求， whatwg 肯定是不会没有原生组件提供（虽然有我们也不一定会用），那么就让我们来康康有哪些有意思的进度条实现方式。常规版 — div 一波流这是比较常规的实现方式，先看效果：源码如...
让Vue3 Composition API 存在于你 Vue 以外的项目中
2020-12-14
阅读 7 分钟
8.6k不仅在 Vue 中，在其他的框架或原生 JS 也可以很好地被使用，下面我们就选取几个比较重要的 Composition API ，通过一些简单的例子来看看如何在其他项目中使用。
『极限版』不掺水，用纯 CSS 来实现超飒的表单验证功能
2020-09-06
阅读 5 分钟
2.6k作者：陈大鱼头github： KRISACHAN去年的时候写过一篇文章 纯CSS实现表单验证 ，在发表之后不久就有网友跟鱼头说，打算拿我这篇文章作团队内部分享。当时听到这个消息之后，在屏幕前的鱼头笑咧了嘴，但这位童鞋的下一段内容，就让我马上笑不起出来了。不过因为初始化状态是这样的：所以希望我能够改一下，改成这样：只有...
『真香警告』这33个超级好用的CSS选择器，你可能见都没见过。
2020-07-21
阅读 13 分钟
5kCSS 选择器也是如此，然而如今也已经发布了第四版 —— CSS Selectors Level 4 ，这一版最早的草案发布于2011年09月29日，最后更新是2018年11月21日。
二营长，快掏个CSS出来给我画个井字棋游戏
2020-07-14
阅读 12 分钟
5.8k作者：陈大鱼头 github： KRISACHAN 前言 不知道大家小时候有没有玩过一款游戏叫『井字棋』的。 它长这样： （我赢了，快夸我 ~o(´^｀)o） 上面的就是本次文章的最终结果，一个用纯CSS实现的AI井字棋游戏，Mmmm，虽然看起来有点蠢。。。 地址在此： [链接] 游戏的规则比较简单，就是在一个九宫格（据说十六宫格，二十五...
从ES6到ES10的新特性万字大总结（不得不收藏）
2020-07-01
阅读 25 分钟
13.6kECMAScript是一种由Ecma国际（前身为欧洲计算机制造商协会）在标准ECMA-262中定义的脚本语言规范。这种语言在万维网上应用广泛，它往往被称为JavaScript或JScript，但实际上后两者是ECMA-262标准的实现和扩展。