前端知识点
文章平均质量分 74
Coder_JC_Liu
这个作者很懒,什么都没留下…
展开
-
[前端知识点]元素水平垂直居中
[前端知识点]元素水平垂直居中前言一、子元素相对于父元素绝对定位(偏移量都为0),子元素设置margin:auto二、子元素相对于父元素绝对定位,并配合使用负值的 margin三、子元素相对父元素绝对定位,并使用 calc() 计算属性四、子元素相对父元素绝对定位,并使用 transform 属性五、父元素flex; 子元素 margin:auto;六、父元素通过flex设置内容的水平和垂直居中(新版本)七、父元素通过flex设置内容的水平和垂直居中(老版本)八、父元素table-cell 和 vertic原创 2021-02-20 13:17:10 · 435 阅读 · 0 评论 -
[前端知识点]防抖和节流
[前端知识点]防抖和节流基本概念一、防抖二、节流基本概念防抖和节流都是用来优化,防止时间触发频率过高导致的响应速度跟不上触发频率,出现延迟、假死或卡顿的现象防抖(debounce):触发事件后一段时间内内函数只会执行一次,如果在这段时间事件再次被触发,则重新计算时间节流(throttle):事件被触发,但在一段时间内只会执行一次,所以节流会稀释函数的执行频率以滚动监听条为例,详细讲解一下防抖和节流function showTop () { let scrollTop = document原创 2021-02-06 00:09:25 · 604 阅读 · 3 评论 -
[前端知识点]修改this指向
文章目录前言一、bind()1.直接bind()2.手写bind()二、apply()三、call(总结前言js修改this指向通常有三种方法:call()、apply()、bind()一、bind()1.直接bind()function bindThis(f, oTarget) { return f.bind(oTarget);}2.手写bind()利用了call()和apply()function bindThis(f, oTarget) { let args原创 2021-02-03 23:20:26 · 157 阅读 · 0 评论 -
[前端知识点]css三栏布局
[前端知识点]css三栏布局前言一、float布局二、position布局三、table布局四、flex布局五、grid布局前言常见的三栏布局方式: float布局、Position定位、table布局、弹性(flex)布局、网格(grid)布局设定高度100,左右宽度300,中间自适应html模板如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &原创 2021-02-05 20:45:55 · 251 阅读 · 1 评论 -
[前端知识点]css清除浮动
[前端知识点]css清除浮动清除浮动概念一、使用clear:both清除浮动二、使用overflow属性三、使用伪元素after清除浮动清除浮动概念在非IE浏览器(如Firefox)下,当容器的高度为auto,且容器的内容中有浮动(float为left或right)的元素,在这种情况下,容器的高度不能自动伸长以适应内容的高度,使得内容溢出到容器外面而影响(甚至破坏)布局的现象,这个现象叫浮动溢出。为了防止这个现象的出现而进行的CSS处理,就叫清除浮动。具体表现如下:左、右盒子没有float属性原创 2021-02-05 22:16:57 · 208 阅读 · 1 评论