- 博客(4)
- 收藏
- 关注
RSS订阅原创 Flex布局
1.什么是flex布局flex表示弹性布局，为盒模型提供最大的灵活性。2.flex布局的一些基本概念容器：采用flex布局的元素被称为容器项目：在flex布局中的子元素被称为项目项目要在容器中显示，在容器中有水平的主轴和垂直的交叉轴，项目在容器中沿主轴排列3.容器的一些属性1.flex-direction：设置容器主轴的方向，元素根据主轴排列。row：默认值，沿水平方向，从左到右row-reverse：沿水平方向，从右到左column：垂直方向，由上到下column-revers
2021-07-18 11:29:36
577
原创 CSS隐藏元素的方法和区别
1.display：none特点：设置该属性的元素会在页面上消失，会引起页面的回流与重绘，无法响应点击事件，不占据空间。2.visibility：hidden设置该属性的元素，dom结构依然存在，元素还占据空间，不会引起页面的回流，无法响应点击事件。3.opacity：0（设置元素透明度）这是一种变相隐藏元素的方法，通过设置元素透明，使之不可见。其实元素还在页面上。这种方法可以响应点击事件，不会引起页面回流，可以响应点击事件。4.设置宽高为0设置元素宽高为0，那么元素就消失了。这种方法会引起页
2021-07-15 20:38:31
123
原创 关于BFC
文章目录一.BFC的概念二、如何触发BFC？三、BFC特性可以解决什么问题？1.同一个BFC里面的元素，会发生下外边距重叠2.BFC可以包含浮动的元素3.BFC可以防止被浮动的元素覆盖一.BFC的概念BFC（block formatting contexts）是块级格式上下文，具有BFC特性的盒子相当于一个被隔离了的独立容器，盒子内部元素如何布局都不会影响盒子外面的元素。二、如何触发BFC？body根元素本身就是一个BFC可以设置浮动，float除了none以外的值设置定位，positio
2021-07-15 20:23:19
97
原创 js中普通函数和箭头函数的this指向问题
js中普通函数和箭头函数的this指向问题js中普通函数和箭头函数的this指向问题1.普通函数中的this指向2.箭头函数的this指向js中普通函数和箭头函数的this指向问题this指向问题，一直是困扰大家的难题，也是面试中常问的考题，今天就带领大家来攻克难关！（有问题欢迎大家批评指正）1.普通函数中的this指向普通函数中this，是当我们调用函数的时候确定的，调用方式的不同决定了this的指向不同，一般指向我们函数的调用者。1.普通函数//1.普通函数 function f
2021-05-22 11:10:36
998
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人