weixin_58734251-CSDN博客

原创 JS中的this

this是解析器在调用函数时，每次都会向函数内部传递的一个隐含的参数this指的是对象，这个对象被称为函数执行的上下文对象根据函数的调用方式的不同，this会指向不同的对象：1）以函数的形式调用时，this永远都是window2）以方法的形式调用时，this就是方法的对象3）以构造方法的形式调用时，this就是新创建的那个对象4）使用call和apply调用时，如果有传递参数，那么this就是第一个参数，如果没有传递参数，那么this就是window有参数时：...

2021-10-23 17:29:19 73

原创 JS中的隐式类型转换

1、由于任何值和字符串做加法运算，都会先转换为字符串在进行字符串连接操作，所以可以把任意值+"",即可将其转换为字符串。任何值+""=字符串类型2、由于任何值做-、*、/操作时都会将其转换为Number类型，所以可以通过-0、*1、/1来将其转换为Number类型。任何值-0=Number类型任何值*1=Number类型任何值/1=Number类型3、由于任何值取正值，都会将其转化为Number类型，所以可以通过+任何值来将其转换为Number类型。+任何值=Number类型

2021-10-19 17:16:25 95

原创 JS中的基本数据类型

在JS中一共有六种数据类型：String(字符串)、Number(数值)、Boolean(布尔值)、Null(空对象)、Undefined(未赋值)、Object(对象)其中String、Number、Boolean、Null、Undefined属于基本数据类型1、String（字符串）字符串需要用引号引起来，单引号双引号都可以，但不可混着用；不能同种引号嵌套，可以单引号嵌套双引号或双引号嵌套单引号如果字符串中需要用到一些特殊字符可以使用\作为转义字符常用转义字符：\"表示"

2021-10-19 11:31:16 1839

原创定位的参照物

相对定位：相对定位是参照于元素在文档流中的位置进行定位的，既元素原本在的位置绝对定位：绝对定位是参照于离它最近的开启了定位的祖先元素，如果所有的祖先元素都没有开启定位，则参照浏览器的视口固定定位：固定定位永远参照于浏览器的视口进行定位粘滞定位（很少使用，因为IE浏览器不兼容）：粘滞定位参照浏览器的视口进行定位...

2021-10-11 13:59:20 378

原创 clearfix

clearfix可以同时解决高度塌陷和外边距重叠的问题，在遇到这类问题时，直接使用clearfix这个类即可这个类的CSS样式为.clearfix::before,.clearfix::after{ content: ''; display: table; clear: both;}利用clearfix解决高度塌陷问题利用clearfix解决外边距重叠问题...

2021-10-09 15:52:36 186

原创解决外边距重叠问题

外边距重叠分为两种：兄弟元素相邻外边距重叠、父子元素相邻外边距重叠。因为兄弟元素相邻外边距重叠对于开发是有利的，所以不需要进行处理，但是父子相邻外边距重叠会影响到页面布局，因此必须进行处理。那么怎么解决外边距重叠问题呢？1）开启BFC见文章(3条消息) BFC（块级格式化环境）_weixin_58734251的博客-CSDN博客2）通过clear属性解决这里通过在box1的最开始添加一个元素来分离父子关系的相邻元素这里同样使用伪元素的方法，既可以解决外边距重叠问题，又不违背HTM

2021-10-09 15:34:28 169

原创解决高度塌陷问题

1.通过开启BFC来解决见文章：(3条消息) BFC（块级格式化环境）_weixin_58734251的博客-CSDN博客但是用BFC会有缺陷2.通过clear属性解决clear属性作用：清除浮动元素对当前元素所产生的影响此方法虽然可以解决高度缺陷问题，但它违背了HTML、CSS、JS各司其职的原则（这里的inner2对网页的结构没有实际的作用，只是为了实现网页的展示样式而存在）所以可以修改为：通过伪元素来设置，这样既可以解决高度缺陷问题，又不会违背HTML、CSS、..

2021-10-09 14:51:49 32

原创 BFC（块级格式化环境）

BFC(Block Fprmatting Context)BFC是CSS中的一个隐含的属性，为一个元素开启BFC后该元素会变成一个独立的布局区域。BFC大多用来解决高度塌陷的问题很多情况下我们在布局时不能确定元素的高度，这时就需要元素的高度根据其子元素的高度来自动调节。但在这时会出现一个问题，如果子元素浮动它将脱离文档流，但是如果后面元素不浮动的话就会被浮动元素遮挡高度塌陷：在布局中，父元素的高度默认是被子元素撑...

2021-10-09 11:01:44 80

原创浮动的理解

同一个父元素中：1）前面不浮动，后面没法浮动，因为前面自动增加了右外边距2）前面浮动，后面不浮动：前面将会上移一层，后面会以为前面没有东西，自动补齐 3）前面浮动，后面也浮动：他们会一起上移一层（这样就达到了横向排列的效果），后面如果有不浮动的当然也会自动补齐，如果浮动，和他们一起上移在不同父元素中，如果父元素不通过浮动显示在一行，他们的子元素不可能在一行，子元素是在父元素的范围内浮动另外，父元素中...

2021-10-08 16:32:16 107

weixin_58734251的博客