鱼头的Web海洋

23

你不知道的 CSS 进度条

• 陈大鱼头   1月18日发布
• 15 收藏

作者：陈大鱼头github： KRISACHAN进度条是一个非常常见的功能，实现起来也不难，一般我们都会用 div 来实现。作为一个这么常见的需求， whatwg 肯定是不会没有原生组件提供（虽然有我们也不一定会用），那么就让...

10

让Vue3 Composition API 存在于你 Vue 以外的项目中

• 陈大鱼头   2020-12-14 发布
• 6 收藏

不仅在 Vue 中，在其他的框架或原生 JS 也可以很好地被使用，下面我们就选取几个比较重要的 Composition API ，通过一些简单的例子来看看如何在其他项目中使用。

10

『极限版』不掺水，用纯 CSS 来实现超飒的表单验证功能

• 陈大鱼头   2020-09-06 发布
• 7 收藏

作者：陈大鱼头github： KRISACHAN去年的时候写过一篇文章 纯CSS实现表单验证 ，在发表之后不久就有网友跟鱼头说，打算拿我这篇文章作团队内部分享。当时听到这个消息之后，在屏幕前的鱼头笑咧了嘴，但这位童鞋的...

30

『真香警告』这33个超级好用的CSS选择器，你可能见都没见过。

• 陈大鱼头   2020-07-21 发布
• 20 收藏

CSS 选择器也是如此，然而如今也已经发布了第四版 —— CSS Selectors Level 4 ，这一版最早的草案发布于2011年09月29日，最后更新是2018年11月21日。

10

二营长，快掏个CSS出来给我画个井字棋游戏

• 陈大鱼头   2020-07-14 发布
• 6 收藏

作者：陈大鱼头 github： KRISACHAN 前言 不知道大家小时候有没有玩过一款游戏叫『井字棋』的。 它长这样： （我赢了，快夸我 ~o(´^｀)o） 上面的就是本次文章的最终结果，一个用纯CSS实现的AI井字棋游戏，Mmmm，...

165

从ES6到ES10的新特性万字大总结（不得不收藏）

• 陈大鱼头   2020-07-01 发布
• 139 收藏

ECMAScript是一种由Ecma国际（前身为欧洲计算机制造商协会）在标准ECMA-262中定义的脚本语言规范。这种语言在万维网上应用广泛，它往往被称为JavaScript或JScript，但实际上后两者是ECMA-262标准的实现和扩展。

1

CSS的未来已来

• 陈大鱼头   2019-11-27 发布
• 1 收藏

其实鱼头的脚手架里早就把postcss-cssnext换成了postcss-preset-env，不过一直没删，但是看到这句话之后，处于好奇，就去翻了翻PostCSS的官网，然后又思考了下这些年CSS的发展历程，遂有这篇文章的出炉。

0

像监听页面一样监听戈多的动态

• 陈大鱼头   2019-11-27 发布
• 收藏

不知道各位童鞋有木有看过 《等待戈多》 这部出名的荒诞戏剧 。其剧情大概就是 戈戈 与 狄狄 等待 戈多 的过程中发生的一些琐事，一共两幕。等了这么多年，也不知道 戈多 现在在哪，赴约了没有。

3

我的<input />不可能这么可爱

• 陈大鱼头   2019-09-03 发布
• 1 收藏

<input /> 标签是我们日常开发中非常常见的替换元素了，但是最近在刷 whattwg 跟 MDN 的时候发现 跟 <input /> 有很多相关的属性，选择器都没怎么用过，所以就开篇文章来整理一下一些比较有趣或者实...

2

提升开发幸福感的10条JS技巧

• 陈大鱼头   2019-07-29 发布
• 1 收藏

以上十个技巧都是我在日常开发中经常用到的一些代码片段，善用这些技巧，可以大大减少我们的开发时间。如果此时正在看文章的你也有类似的技巧心得，不妨在下方留言来分享给大家。

1

JS数组中那些你知道或不知道的

• 陈大鱼头   2019-07-22 发布
• 收藏

ecma-262中的定义：Array对象是一种特殊对象，它会对数组索引属性键进行特殊处理。 每个Array对象都有一个不可配置的length属性，其最大值是232 - 1。

1

『多图警告』手撕排序算法 - 前端进阶必备

• 陈大鱼头   2019-07-22 发布
• 收藏

作者：陈大鱼头 github：[链接] 算法是什么？ 算法（Algorithm） 已经是一个老生常谈的概念了，最早来自于数学领域。 算法（Algorithm） 代表着用系统的方法描述解决问题的策略机制，可以通过一定规范的 输入，在...

1

前端进阶之什么是BFC？BFC的原理是什么？如何创建BFC？

• 陈大鱼头   2019-07-22 发布
• 1 收藏

The CSS box model describes the rectangular boxes that are generated for elements in the document tree and laid out according to the visual formatting model.CSS盒模型描述了通过 文档树中的元素 以及...

0

纯CSS实现表单验证

• 陈大鱼头   2019-07-22 发布
• 收藏

作者：陈大鱼头 github： KRISACHAN 关于表单验证 在我们的日常业务中，表单验证是个很常见设计需求，像一些登录注册框，问卷调查也都需要用到表单验证。 一般我们的实现思路都是JS监听input框的输入内容，判断用...

1

【Hello CSS】第九章-如何画一个体验更好的动画？

• 陈大鱼头   2019-07-22 发布
• 1 收藏

在CSS中，animation 、 transition 跟 transform 使我们常用于制作动画的属性，我们先来大致地来了解下这三个属性。

0

【Hello CSS】第八章-CSS图形

• 陈大鱼头   2019-07-22 发布
• 收藏

其实也有小伙伴答对了，原因就是因为 currentColor 是作为 SVG 的属性值存在，因此在 CSS 里就保留了这个驼峰写法，顺便提一个冷知识：“ currentcolor 这种全小写的方式也是允许的。 ”

0

【Hello CSS】第七章-CSS的继承与可变性

• 陈大鱼头   2019-07-22 发布
• 收藏

继承（英语：inheritance） 是面向对象软件技术当中的一个概念。在 CSS 中与 层叠（英语：Cascade） 一起描述了如何设置样式规则，并为所有元素的所有属性赋值。这两个属性同属规范 “ CSS Cascading and Inherita...

0

【Hello CSS】第六章-文档流与排版

• 陈大鱼头   2019-07-22 发布
• 收藏

作者：陈大鱼头 github： KRISACHAN 正常流 什么是“正常流”？其实就是我们日常所说的“文档流”。在W3C官方文档里对应的是“normal flow”。 正常流的盒子属于格式化上下文(FC)，在CSS2.2中可以是表格、块或内联。在C...

0

【Hello CSS】第五章-CSS的选择器与函数

• 陈大鱼头   2019-07-22 发布
• 收藏

在上一篇的HTML的标签与语意中简单的介绍了HTML标签跟其一些属性，向各位坚持看到这里的亲表示真诚的感谢。本篇主要会分享一些跟CSS选择器（CSS Selectors）相关的内容，有兴趣的请继续往下看。

0

【Hello CSS】第四章-HTML的标签与语意

• 陈大鱼头   2019-07-22 发布
• 收藏

作者：陈大鱼头 github： KRISACHAN 上一篇分享了CSS的逻辑属性与盒子模型中分享了一些有关设备屏幕的知识以及浏览器视口的坐标构成。本篇则会分享HTML相关的一些知识。 我们在序章的开头就简单的讲解了HTML的诞...