自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

原创 从JS引擎V8的角度看待闭包

闭包的设计目的是为了存储私有变量,延长变量的生命周期,只有特定的接口才能访问该私有变量,可以防止防止全局变量命名冲突。闭包常见例子: function fn() { var a = 1; function foo1() { console.log(a++); } return foo1; } var foo2 = fn();

2021-06-19 14:48:14 270

原创 Array对象

数组的四大源头数组是什么?数组数据结构(英语:array data structure),简称数组(英语:Array),是由相同类型的元素(element)的集合所组成的数据结构,分配一块连续的内存来存储。利用元素的索引(index)可以计算出该元素对应的存储地址。关键词:相同类型、连续内存、索引、固定大小。...

2021-05-29 16:20:29 141

原创 JS键盘按键监听-多个按键同时按下

两个按键一起按下时,两个事件都会被监听到,但是只有后面一个事件会被响应。

2021-05-14 16:05:45 3526

转载 Javascript通过元素id和name直接获取元素

概览:偶然的机会,我在JavaScript中直接用HTML元素的id属性来获取该元素,并设置该元素的其他属性值,竟然能够正确解析不报错!于是我去查阅相关资料,也有其他同行这么用。虽然说这种用法不是标准用法,推荐使用 document.getElementById(id);document.getElementByName(name); ,但也是一种新发现,先记录下来,以备后用。本文讲述了JavaScript通过元素id和name直接获取元素的方法,以及自己在实践过程中总结的注意事项。具体分析如下:

2021-05-05 21:09:19 3609

原创 JavaScript报错:Invalid shorthand property initializer

Javascript中定义一个对象时报错了原因是误将":“写成了”=",这个很容易写错,要加强记忆。

2021-04-17 14:37:45 208

原创 line-height

根据MDN定义,对于块级元素,line-height决定了line-box的最小高度,而对于非替换行内元素,line-height用于计算line-box的高度。 <div class="father"> <span>hhhhhh</span> </div> .father{ line-height:40px; } .son{ line-heig

2021-04-05 15:56:50 111

原创 border-color和color

border-color的默认值就是color。具体来讲就是当没有指定border-color颜色值的时候,就会使用当前元素的color计算值作为边框色。例如: <div class="square"><a href="image/"></a></div> .square{ width: 100px; height:100px; border:2px dashed ; po

2021-04-03 14:19:22 460

原创 margin属性

margin与元素尺寸以及相关布局元素尺寸的相关概念:元素尺寸:指元素的border-box。元素内部尺寸:元素的padding-box。元素外部尺寸:元素的margin-box。元素尺寸和元素内部尺寸决定元素自身的尺寸大小,元素外部尺寸决定了元素与其他元素的位置关系,不影响自身尺寸。margin与元素的内部尺寸在默认水平流方向下,margin只能改变左右方向的内部尺寸,并且只有元素是充分利用可用空间的时候margin可以改变元素的可视尺寸,例如width为auto的块级元素,当元素设

2021-04-02 14:49:44 1969

原创 content计数器

计数器的参数:counter-resetcounter-incrementcounter()counters()counter-reset计数器重置的意思,主要给计数器起个名字。counter()的语法:counter-reset:name 数字数字默认值是0不是1。 .father{ counter-reset: father 2; } .father::before{ content:count

2021-03-31 20:07:05 148

原创 替换元素与不可替换元素

content与替换元素通常我们根据外在盒子是内联还是块级我们可以把盒子分为内联元素和块级元素,但是还可以根据是否具有可替换内容把元素分为可替换元素和不可替换元素。替换元素的特性有:有自己的尺寸,很多替换元素在没有明确尺寸的情况下,其默认的尺寸为300px*300px,如video,iframe等,部分替换元素默认尺寸为0,如img元素。在很多css表现上有自己独特的一套,最具有代表性的就是vertical-align属性,替换元素的基线为元素的下边缘。...

2021-03-30 21:30:23 158

原创 内联元素

内联元素内联元素的内联指的是外在盒子,和display:inline元素不是一个概念与内联元素有关的盒子有内联盒子,行框盒子。行框盒子是多个内联盒子组成的,每一行是一个行框盒子。内联元素的特点:1. inline元素不可设置width,inline-block元素可设置width。2. padding断行,内联元素的padding会随着元素内部测换行而换行,padding-left加在第一行最左边,padding-right加在最后一行。padding-top和padding-right都加。1

2021-03-30 20:31:42 497

原创 CSS世界(1)

流、元素与基本尺寸块级元素块级元素分为块级和行内块级,块级比如div,p,行内块级为display:inline-blockwidth/height作用细节width:auto(1)充分利用可用空间。比方说,div,p等元素的宽度是100%默认于父元素的(2)收缩与包裹。典型代表就是浮动、绝对定位、inline-block或table元素,其默认宽度由内部子元素决定(3)收缩到最小。(4)超出容器限制。1、父容器设置了宽度,子容器为width:auto,且子元素内容文本为英文或数字,如果是

2021-03-29 17:18:01 98

空空如也

空空如也

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

TA关注的人

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