paper test note
1. 写出以下标签的英文全称和对应的中文释义
(我做这题真的懵了)
ol => ordered list => 有序列表
ul => unordered list => 无序列表
li => list item => 列表的单个项
div => division => 划分区域
dl => description list => 描述列表
dt => description term => 描述词
dd => description detail => 描述细节
想知道全部标签详细去MDN看
2. 元素水平和垂直都居中的多种方式(略)
3. 跨域
1. JSONP
2. CORS
3. postMessage
4. JS字符串回文判断
let PalindromeTest = str => str.split('').reverse().join('') === str;
PalindromeTest ("123321"); // true
PalindromeTest ("123456"); // false
5. 水平垂直居中的一些思考
- 问题来源:假设不知道parent宽高,son宽高固定,让son水平垂直居中
.parent {
position: relative;
}
.son {
width: 10px;
height: 10px;
position: absolute;
left: 0; right: 0; top: 0; bottom: 0;
margin: auto;
}
-
本来知道有这种方法,现在第一眼看到有点懵,不知道为什么可以,看了stackoverflow答案用简单的话描述:
[条件¹]要让left right top bottom距离parent都为0,[条件²]又要宽高固定为10px(如果son宽高不固定,son元素的宽高会直接填满parent元素,也就是100%),此时就只能让son的margin填充满parent来满足这两个条件,margin为auto时元素son就在parent的正中间了