- 博客(8)
- 收藏
- 关注
RSS订阅原创 原型链的判断
js分为函数对象和普通对象，每个对象都有__proto__属性，但是只有函数对象才有prototype属性Object、Function都是js内置的函数, 类似的还有我们常用到的Array、RegExp、Date、Boolean、Number、String. 属性__proto__是一个对象，它有两个属性，constructor和__proto__；原型对象prototype有一个默认的constructor属性，用于记录实例是由哪个构造函数创建；Person.prototype.constru.
2021-05-28 20:27:20
241
原创 IIFE（立即调用函数表达式）
这里写目录标题IIFE 是什么IIFE 有什么用IIFE 是什么IIFE ：立即调用函数表达式。说的是一种在定义的时候就会立即执行的函数。也称为这种概念为匿名函数自调用。(function () { console.log("我是一个 IIFE")})()IIFE 有什么用隐藏实现（内部结构外部不会知道）内部的变量不会污染全局命名空间。用 IIFE 来编写 JS 模块...
2021-05-28 10:00:30
195
原创 双飞翼布局和圣杯布局
双飞翼布局和圣杯布局圣杯布局双飞翼布局圣杯布局圣杯，两边的手柄和杯子紧紧连在一起，圣杯布局也是一样，三个盒子在一个容器中，中间盒子靠前。一个容器有三个盒子，三个盒子全部浮动。容器设置左右 padding，使用 position 和 margin 控制左右盒子，圣杯布局完成，记得清除浮动。<style> * { margin: 0; padding: 0; } .container { padding: 0 200px; } .center { floa
2021-05-27 23:09:13
147
原创 CSS 盒子水平垂直居中
CSS 盒子水平垂直居中一、定位1. position + marginmargin 值写死的情况margin 值为 auto 的情况2. position + translate3. display:flex4. display:table-cell一、定位1. position + margin分两种情况，一种情况是 margin 值写死，另外一种反之。margin 值写死的情况<style> .box { position: absolute; top: 50%
2021-05-27 18:13:49
103
原创 浮动以及清除浮动、BFC CSS
浮动（float）一、 什么是浮动？float属性指定一个元素应沿其容器的左侧或者右侧放置，允许文本和内联元素环绕它。浮动定位常用于布局中。浮动的特点：脱标：脱离标准流贴边：会贴向父容器或其他浮动的侧边字围：文本和内联元素会环绕浮动元素（即float的属性值不为none的值）收缩：块级元素不再沾满一整行，而是收缩至元素本身的宽度二、为什么要清除浮动，如何清除浮动？浮动带来的问题就是父容器高度塌陷，即浮动的子元素无法撑起父容器的高度，这时候我们就需要清除浮动清除浮动的方法
2020-12-25 10:23:28
161
1
原创 相对定位、绝对定位、固定定位
css布局层模型相对定位（position：relative）特点：在使用相对定位时，就算元素被偏移了，但是他仍然占据着没偏移前前的位置，绝对定位（position：absolute）相对于最近的一个具有定位属性的父包含块进行绝对定位，如果没有，则相对于body元素。特点：在文档流中不占据位置，通过设置z-index来设置它们的堆叠顺序。与浮动元素的差异：内容会围绕浮动元素周围，并没有真正的脱离文档流。固定定位（fixed）相对移动的坐标时视图本身。TIPS：相对定位和绝对定位混着
2020-12-25 10:21:06
1229
原创 CSS中百分比的计算
CSS百分比计算在仿写页面的时候用到了许多的百分比计算，使用时产生了许多困惑，查询资料做了以下整理根据包含块的宽度计算：margin、paddingwidth、max-width、min-widthleft、right根据包含块的高度计算：top、bottomheight、max-height、min-height根据元素字体大小计算：line - height根据line-height计算：vertical-align根据元素本身的宽高计算：background
2020-12-24 21:53:48
639
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人