自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 JS事件委托详解

说到事件委托,我们先了解一下什么是事件,js的事件流分为3个阶段:捕获,目标,冒泡。即发生事件,先从上到下传播(捕获),到达目标节点(目标),再往上传播(冒泡)。如下图事件委托原理事件委托就是基于js的事件流产生的,事件委托是利用事件冒泡,将事件加在父元素或者祖先元素上,触发该事件。如下图事件委托优点1.减少事件注册,节省内存,例如在table上代理所有td的click事件.在...

2020-04-06 16:48:20 223

原创 数据类型转换

js数据类型转换分为两种,隐式转换和强制转换。 下面我来介绍下两种转换的区别隐式转换 当数据类型不相同时,做数据的运算,就会自动将两端的数据转换为相同类型然后运算,这是隐式转换, 隐式转换遵从于Number() String() Boolean() ![在这里插入图片描述](https://img-blog.csdnimg.cn/20200322143607812.png?x...

2020-03-22 14:49:12 187

原创 animation的属性值

animation是CSS里面的一个属性,可以让元素实现动画的效果animation和transtiond的区别: 相同点:都是随着时间而改变元素的属性,从而达到动画的效果。 不同点:transition需要触发一个事件(hover事件或click事件等),才会随着时间改变其css属性;是一种初始效果到 最终效果之间的变化。 animation不需要触发事件也可以改变元素的属性,达到动...

2020-03-08 21:01:37 741 1

原创 元素的宽高自适应

宽高自适应:网页布局中经常要定义元素的宽和高,但很多时候我们希望元素的大小能够根据窗口或者子元素的大小来自动调整,这时候就要用到自适应了。元素自适应在网页布局中非常重要,它能够使网页显示更加灵活,可以适应在不同设备、不同窗口、不同分辨率下显示。下面来介绍下不同情况下自适应的写法: 一:相对窗口和父元素的自适应写法 宽度: 当块状元素不写宽...

2020-03-01 19:09:30 639

原创 什么是盒模型

盒模型是css布局的基石,它规定了网页元素如何显示以及元素间相互关系。css定义所有的元素都可以拥有像盒子一样的外形和平面空间。即都包含内容区、补白(填充)、边框、 边界(外边距)这就是盒模型,它的作用是规定了网页元素如何显示以及元素之间的相互关系。盒模型由conten(内容区)+padding(填充区)+margin(外边界区)+border(边框区)组成。盒模型分为标准盒模型和怪异盒模型...

2020-02-23 20:35:35 355

空空如也

空空如也

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

TA关注的人

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