FE笔试记录

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的正中间了