- 博客(7)
- 收藏
- 关注
原创 RegExp(正则表达式)
正则表达式 正则表达式(RegExp)是Regular Expression缩写,是用于查找符合某些规则的字符串的工具。 正则表达式是一个描述字符模式的对象,当检索某个文本时,可以使用一种模式来描述要检索的内容,RegExp 就是这种模式。 正则表达式的创建方法 字面量创建 var re = /a/ 字面量创建 var re = /a/ 构造函数创建 var re = new RegExp...
2020-04-24 21:28:02
1603
原创 javascript 事件委托详解
事件委托 事件委托也称事件代理,由于事件会在冒泡阶段向上传播到父节点,因此可以把子节点的监听函数定义在父节点上,由父节点的监听函数统一处理多个子元素的事件。这种方法叫做事件的代理(delegation)。 事件冒泡/捕获 前面提到事件委托的实现是利用事件冒泡的机制,那么何为事件冒泡。 一个事件发生后,会在子元素和父元素之间传播。这种传播分成三个阶段。 捕获阶段:从window对象传导到目标节点(上...
2020-04-06 19:45:13
323
原创 javascript 数组的常用方法
数组 数组的定义 数组就是在内存中开辟出一块连续的空间。 数组也是一个变量,可以存储一连串的变量/值。 数组的大小可以动态的调整,并且没有长度的限制。 数组可以存储任意类型的数据。 创建数组 var arr = new Array(); // 创建一个数组 var arr = new Array([size]); // 创建一个数组并指定长度,注意不是上限,是长度 var arr = new ...
2020-03-29 23:08:19
141
原创 javascript之数据类型转换
数据类型转换 在程序的运行过程中变量的值是很容易发生改变的,而在值进行变化的时候它的数据类型也很容易发生改变,我们把这种数据类型的变化叫做:数据类型转换。 typeof 判断数据类型 console.log(typeof "aaa"); //string console.log(typeof 123); //number console.log(typeof t...
2020-03-21 22:47:39
146
原创 CSS动画
过渡属性 transition CSS3的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标划过、单击、获得焦点或对元素任何改变中触发,并圆滑地以动画效果改变CSS的属性值,过渡属性需要触发事件,如:hover(鼠标划过事件)。 transition-property:检索或设置对象中的参与过渡的属性 transition-duration:检索或设置对象过...
2020-03-09 00:16:44
265
原创 什么是BFC
BFC BFC全称是 Block formatting context,直译为“块级格式化上下文”。 它是一个独立的渲染区域,只有Block-level box(块)参与, 它规定了内部的Block-level Box如何布局,并且与这个区域外部毫不相干。可以理解为BFC的目的就是形成一个完全独立的空间,让空间里的子元素不会影响到外面的布局。 什么情况下可以触发BFC 只要元素满足下面任一条件...
2020-03-01 22:44:52
186
原创 CSS盒模型
盒模型 盒模型是css中一个重要的概念,也是css布局的基石,它规定了网页元素如何显示以及元素间相互关系,css定义所有的元素都可以拥有像盒子一样的外形和平面空间。 什么是盒模型 顾名思义,css盒模型本质上是一个盒子,封装周围的HTML元素,它包括content(内容区)+padding(填充区)+border(边框区)+margin(外边界区)四个属性。它们的关系是margin包着border...
2020-02-22 20:38:44
166
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人