垂直居中

1.使用定位

1
2
3
4
position: absolute;
left: 50%;
top: 50%;
transform:translateY(-50%);

2.table布局

1
2
3
4
5
<div class="something-semantic">
   <div class="something-else-semantic">
       Unknown stuff to be centered.
   </div>
</div>
1
2
3
4
5
6
7
8
9
.something-semantic {
   display: table;
   width: 100%;
}
.something-else-semantic {
   display: table-cell;
   text-align: center;
   vertical-align: middle;
}

3.

Body.onload和$.ready的区别

数组去重

原型和原型链

window.onload和$(document).ready()的区别

1.执行时间

  • window.onload会等到页面所有元素加载完成才会执行
  • $(document).ready()是DOM结构绘制完毕后就执行

2.编写个数不同

  • window.onload不能同时编写多个，如果有多个window.onload方法，只会执行一个
  • $(document).ready()可以同时编写多个，并且都可以得到执行

WHY

1.执行时间上：

$(document).ready()监听的是DOMContentLoaded，所以DOM结构绘制完成后就执行

2.编写个数

jQuery是通过addEventListener去监听