摘要：
清除浮动 有了浮动可以让我们更加方便的布局. 但是浮动也可以带来一些负作用 为了避免前面元素的浮动给后面的元素带不必要的影响, 我们就需要为后面的元素清除浮动. 清除浮动的方式有很多, 只要我们把浮动的原理搞明白了, 清除浮动也是非常好理解的. 正所谓万变不离其宗 解决方法第一种 <<<html代码 阅读全文
摘要：
水平垂直居中 前端常用的盒子布局需要了解 接下来我给大家介绍三种 1.margin和定位 <<<html <div class="box"> <div class="content"></div> </div> <<<js .box{ width: 200px; height: 200px; bac 阅读全文
摘要：
两,三栏布局 两栏布局–左边定宽，右边自适应： 主要用于 我放一张图你们就明白了 两栏布局代码实现 1.第一种使用margin和浮动实现 代码如下>> <<<html:部分 <div> <h3>宋希</h3> <div class="box"> <div class="left"> <img src 阅读全文
摘要：
flex 布局教程 flex可以实现垂直和主轴的一些操作简单方便,主要通过一些属性来实现 flex有以下六个属性 flex-direction属性： 属性决定主轴的方向（即项目的排列方向） row（默认值）：主轴为水平方向，起点在左端。 row-reverse：主轴为水平方向，起点在右端。 colu 阅读全文
摘要：
标准盒模型和怪异盒模型的区别 无非就是一些很小的差距,光看别人的文章难理解,自己动手一写就会 1.标准盒模型(box-sizing:content-box//默认属性 ): 标准盒模型的高度和宽度是和padding和border分开算的,说简单点:比如width设置的100,那他就是100里面什么也 阅读全文
摘要：
js中数组扁平化处理 经典面试题，项目中可以用到js数组操作的地方很多，js数组扁平化是其中一种 什么是数组扁平化？ 数组扁平化就是将一个多维数组转换为一个一维数组 实现的基本方式 1、对数组的每一项进行遍历。 2、判断该项是否是数组。 3、如果该项不是数组则将其直接放进新数组。 4、是数组则回到1 阅读全文
摘要：
js事件委托 经典面试题 事件委托的概念: 事件委托就是把A的事交给B去干,在js中事件委托也称为事件代理,事件委托就是利用冒泡事件,只把事情交给一个去做,就可以管理一种类型的所有事件,如果子元素拦截了冒泡,那么事件委托也无法实现 事件委托的好处: 提高性能 事件委托的案例: 使用事件委托实现移入加 阅读全文