自定义博客皮肤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的海洋世界

  • 博客(16)
  • 收藏
  • 关注

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

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

2019-07-29 14:52:39 1598 2

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

作者:陈大鱼头github: KRISACHAN在上一节中, 不走心 地画了一些 CSS图案 ,本节就继续不走心地 画动画 。CSS的动画属性在CSS中,animation 、 transition 跟 transform 使我们常用于制作动画的属性,我们先来大致地来了解下这三个属性。transformCSS transform 属性允许你旋转,缩放,倾斜或平移给定元素。...

2019-07-29 14:52:01 1120 1

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

作者:陈大鱼头github: KRISACHAN前言上一节留了一个问题:“为什么 currentColor 是驼峰命名?”。其实也有小伙伴答对了,原因就是因为 currentColor 是作为 SVG 的属性值存在,因此在 CSS 里就保留了这个驼峰写法,顺便提一个冷知识:“ currentcolor 这种全小写的方式也是允许的。 ”小知识分享完,本章开始分享 CSS图形,通过...

2019-07-23 20:07:56 953

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

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

2019-07-23 20:07:22 866

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

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

2019-07-23 20:05:47 958

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

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

2019-07-23 20:05:08 1020

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

作者:陈大鱼头github: KRISACHAN上一篇分享了CSS的逻辑属性与盒子模型中分享了一些有关设备屏幕的知识以及浏览器视口的坐标构成。本篇则会分享HTML相关的一些知识。我们在序章的开头就简单的讲解了HTML的诞生历史,本篇不作详细讲解,有兴趣的可以去看wikipedia。HTML大事记首先我们简单地来看一下HTML的发展历程(具体各个版本的区别亦不做讲解)。19...

2019-07-23 19:59:11 951

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

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

2019-07-23 19:49:53 1041

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

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

2019-07-23 19:47:40 960

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

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

2019-07-23 18:29:26 987

原创 【Hello CSS】序章-起源

作者:陈大鱼头github: KRISACHANHTML的诞生HTML是怎么来的?在1982年的时候,万维网的发明者Tim Berners-Lee爵士为了让全世界的物理学家能够方便的进行合作与信息共享,造了HTML(HyperText Markup Language) 超文本置标语言。在1991年3月,Tim Berners-Lee把HTML介绍给了给他在CERN(欧洲核子研...

2019-07-23 18:28:28 926

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

作者:陈大鱼头github: KRISACHANJS中的Arrayecma-262中的定义:Array对象是一种特殊对象,它会对数组索引属性键进行特殊处理。每个Array对象都有一个不可配置的length属性,其最大值是232 - 1。Array()当且仅当不带参数调用Array构造函数时,此描述才适用。执行过程:定义 numberOfArgs 传递给此函数的调...

2019-07-23 16:44:40 1071

原创 前端进阶之什么是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 according to the visual formatting model.CSS盒模型描...

2019-07-23 16:42:48 2068

原创 纯CSS实现表单验证

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

2019-07-23 16:40:07 1118

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

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

2019-07-23 16:36:05 1282

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

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

2019-07-13 17:43:51 3680 5

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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