自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

鱼头的Web海洋

一个名为Web的海洋世界

原创 5个提升你JS编码水平的实例

作者:陈大鱼头 github: KRISACHAN 虽然 2020 的今天,各种前端框架、工具林立,而这些框架跟工具也帮我们提前解决了不少麻烦的问题,但是工具始终是工具,扎实的基本功才是最核心的,现在一起来通过几个实际的代码片段来提高我们原生 JS 的编码水平。 判断数据类型 首先来提问一个:...

2020-01-09 13:36:06

阅读数 3653

评论数 2

原创 如何衡量一个人的 JavaScript 水平?

作者:陈大鱼头 github: KRISACHAN 前言 之前刷知乎的时候,看到这么一个问题:“如何衡量一个人的 JavaScript 水平?”然后自己也不要脸地回答了一下这个问题。以下是我的答案: 原文如下: A:看一个人写代码是否有规范,代码是否壮健,是否可拓展,可读性高不高,API设计...

2019-12-23 00:12:57

阅读数 3280

评论数 6

原创 从ES6到ES10的新特性万字大总结(不得不收藏)

从ES6到ES10的新特性万字大总结(不得不收藏) 作者:陈大鱼头 github: KRISACHAN 介绍 ECMAScript是一种由Ecma国际(前身为欧洲计算机制造商协会)在标准ECMA-262中定义的脚本语言规范。这种语言在万维网上应用广泛,它往往被称为JavaScript或JS...

2019-12-19 01:12:51

阅读数 3506

评论数 2

原创 Web开发中最该知道却从不重视的 —— Accessibility

作者:陈大鱼头 github: KRISACHAN 什么是Accessibility? [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-vuwaqhRF-1575898743242)(http://mds.is/content/images/2016/09/A11...

2019-12-09 21:39:44

阅读数 683

评论数 0

原创 leetCode解题记录2 - 两数相加(JS, TS, PY版)

作者:陈大鱼头 项目地址:ying-leetcode 碎碎念:Mmmmm,不定期刷leetcode,会以JS TS PY的形式输出出来 题目描述 给出两个 非空 的链表用来表示两个非负的整数。其中,它们各自的位数是按照 逆序 的方式存储的,并且它们的每个节点只能存储 一位 数字。 如果,我们将...

2019-11-27 11:11:35

阅读数 573

评论数 0

原创 leetCode解题记录1 - 两数之和(JS,TS,PY版)

作者:陈大鱼头 项目地址:ying-leetcode 碎碎念:Mmmmm,不定期刷leetcode,会以JS TS PY的形式输出出来 题目描述 给定一个整数数组 nums 和一个目标值 target, 请你在该数组中找出和为目标值的那 两个 整数, 并返回他们的数组下标。 你可以假设每种输入...

2019-11-27 11:10:32

阅读数 535

评论数 0

原创 leetCode解题记录4 - 寻找两个有序数组的中位数(JS, TS, PY版)

作者:陈大鱼头 项目地址:ying-leetcode 碎碎念:Mmmmm,不定期刷leetcode,会以JS TS PY的形式输出出来 题目描述: 给定两个大小为 m 和 n 的有序数组 nums1 和 nums2。 请你找出这两个有序数组的中位数,并且要求算法的时间复杂度为 O(log(m ...

2019-11-26 20:25:50

阅读数 487

评论数 0

原创 leetCode解题记录3 - 无重复字符的最长子串(JS,PY,TS版)

作者:陈大鱼头 项目地址:ying-leetcode 碎碎念:Mmmmm,不定期刷leetcode,会以JS TS PY的形式输出出来 题目描述: 给定一个字符串,请你找出其中不含有重复字符的 最长子串 的长度。 示例 1: 输入: “abcabcbb” 输出: 3 解释: 因为无重复字符的最...

2019-11-19 12:31:10

阅读数 357

评论数 0

原创 CSS的未来已来

作者:陈大鱼头 github: KRISACHAN 前言 最近听说TypeScript3.7添加了对Optional Chaining的支持,然后就想着给鱼头的脚手架ying-template的TS版本升级,然后在命令行发现这样的一句信息: ‘postcss-cssnext’ 已经被 �...

2019-11-13 14:42:16

阅读数 447

评论数 0

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

作者:陈大鱼头 github: KRISACHAN 不知道各位童鞋有木有看过 《等待戈多》 这部出名的荒诞戏剧 。其剧情大概就是 戈戈 与 狄狄 等待 戈多 的过程中发生的一些琐事,一共两幕。等了这么多年,也不知道 戈多 现在在哪,赴约了没有。 如果 戈戈 与 狄狄 像我们监听页面元素变化那样...

2019-09-24 19:57:28

阅读数 672

评论数 1

原创 我的 Input框 不可能这么可爱

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

2019-09-03 13:27:35

阅读数 91056

评论数 73

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

作者:陈大鱼头 github: KRISACHAN 鱼头总结一些能够提高开发效率的JS技巧,这些技巧很实用,觉得挺好,想推荐给大家,所以有了这篇文章。 生成随机UID const genUid = () => { var length = 20 var soupLength = ...

2019-07-29 14:52:39

阅读数 986

评论数 2

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

作者:陈大鱼头 github: KRISACHAN 在上一节中, 不走心 地画了一些 CSS图案 ,本节就继续不走心地 画动画 。 CSS的动画属性 在CSS中,animation 、 transition 跟 transform 使我们常用于制作动画的属性,我们先来大致地来了解下这三个属性...

2019-07-29 14:52:01

阅读数 533

评论数 1

原创 【Hello CSS】第八章-CSS图形

作者:陈大鱼头 github: KRISACHAN 前言 上一节留了一个问题:“为什么 currentColor 是驼峰命名?”。 其实也有小伙伴答对了,原因就是因为 currentColor 是作为 SVG 的属性值存在,因此在 CSS 里就保留了这个驼峰写法,顺便提一个冷知识:“ cur...

2019-07-23 20:07:56

阅读数 447

评论数 0

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

作者:陈大鱼头 github: KRISACHAN 继承 继承(英语:inheritance) 是面向对象软件技术当中的一个概念。在 CSS 中与 层叠(英语:Cascade) 一起描述了如何设置样式规则,并为所有元素的所有属性赋值。这两个属性同属规范 “ CSS Cascading an...

2019-07-23 20:07:22

阅读数 358

评论数 0

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

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

2019-07-23 20:05:47

阅读数 363

评论数 0

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

作者:陈大鱼头 github: KRISACHAN 在上一篇的HTML的标签与语意中简单的介绍了HTML标签跟其一些属性,向各位坚持看到这里的亲表示真诚的感谢。本篇主要会分享一些跟**CSS选择器(CSS Selectors)**相关的内容,有兴趣的请继续往下看。 CSS选择器(CSS Sel...

2019-07-23 20:05:08

阅读数 361

评论数 0

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

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

2019-07-23 19:59:11

阅读数 408

评论数 0

原创 【Hello CSS】第三章-浏览器的视图与坐标

作者:陈大鱼头 github: KRISACHAN 在上一篇【Hello CSS】的第二章第二章-CSS的逻辑属性与盒子模型中提了个问题: 为什么Flex box跟Grid box的是以start、end为排列规则,而不是常规的top 、right 、bottom 跟left? 现在各位看官有...

2019-07-23 19:49:53

阅读数 399

评论数 0

原创 【Hello CSS】第二章-CSS的逻辑属性与盒子模型

作者:陈大鱼头 github: KRISACHAN 在上一篇【Hello CSS】的第一章CSS的语法与工作流中介绍了CSS的语法规则以及基本的渲染流程。本篇则会分享CSS的逻辑属性以及盒子模型。 首先开篇之前先提个问题: 为什么Flex box跟Grid box的是以start、end为排列...

2019-07-23 19:47:40

阅读数 390

评论数 0

原创 【Hello CSS】第一章-CSS的语法与工作流

作者:陈大鱼头 github: KRISACHAN 在上一篇【Hello CSS】的序章CSS起源中介绍了CSS的诞生原因以及发展历史,了解了CSS的存在意义。从正篇篇开始将会正式开始介绍CSS这门语言的特点与功能。本篇则主要介绍CSS的语法与CSS是如何工作的。 CSS语法 1. 基本规则 ...

2019-07-23 18:29:26

阅读数 452

评论数 0

原创 【Hello CSS】序章-起源

作者:陈大鱼头 github: KRISACHAN HTML的诞生 HTML是怎么来的? 在1982年的时候,万维网的发明者Tim Berners-Lee爵士为了让全世界的物理学家能够方便的进行合作与信息共享,造了HTML(HyperText Markup Language) 超文本置标语...

2019-07-23 18:28:28

阅读数 361

评论数 0

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

作者:陈大鱼头 github: KRISACHAN JS中的Array ecma-262中的定义: Array对象是一种特殊对象,它会对数组索引属性键进行特殊处理。 每个Array对象都有一个不可配置的length属性,其最大值是232 - 1。 Array() 当且仅当不带参数调用Ar...

2019-07-23 16:44:40

阅读数 598

评论数 0

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

作者:陈大鱼头 github: KRISACHAN 盒模型 The CSS box model describes the rectangular boxes that are generated for elements in the document tree and laid out ...

2019-07-23 16:42:48

阅读数 569

评论数 0

原创 纯CSS实现表单验证

作者:陈大鱼头 github: KRISACHAN 关于表单验证 在我们的日常业务中,表单验证是个很常见设计需求,像一些登录注册框,问卷调查也都需要用到表单验证。 一般我们的实现思路都是JS监听input框的输入内容,判断用户输入内容,从而以此来决定下一步的操作。 例如这样:(以下例子来自优秀...

2019-07-23 16:40:07

阅读数 368

评论数 0

原创 2019.7.15 - 7.21 我们 36人都学了些什么?

作者:陈大鱼头 github: KRISACHAN 如果不希望职业生涯过早结束,持续学习对于开发者来说是必不可少的。 最近《前端面试之道》的作者为了让一些人能在这块地方记录自己学习到的内容而建立起了一个学习仓库。 仓库地址如下: https://github.com/KieSun/today-...

2019-07-23 16:36:05

阅读数 716

评论数 0

原创 前端进阶必备 — 手撕排序算法

作者:陈大鱼头 github:https://github.com/KRISACHAN 算法是什么? 算法(Algorithm)已经是一个老生常谈的概念了,最早来自于数学领域。 算法(Algorithm)代表着用系统的方法描述解决问题的策略机制,可以通过一定规范的输入,在有限...

2019-07-13 17:43:51

阅读数 2028

评论数 5

提示
确定要删除当前文章?
取消 删除