2019前端面试题--持更

最新推荐文章于 2024-01-21 20:13:38 发布

huihui_jiang

最新推荐文章于 2024-01-21 20:13:38 发布

阅读量363

点赞数

CC 4.0 BY-SA版权

分类专栏： js 文章标签： js基础 js面试题

本文链接：https://blog.youkuaiyun.com/huihui_jiang/article/details/88368531

js 专栏收录该内容

3 篇文章

订阅专栏

本文解析了JavaScript中的数组遍历map方法结合类型转换的复杂应用，以及三种实现元素在父容器内水平垂直居中的CSS技巧，包括flex布局、table-cell属性和translate位移属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.写出下面打印的值:['1','11','111'].map(test)['1','11','111'].map(parseInt),

function test(a,b){
	return Number(a)+b
}
console.log(['1','11','111'].map(test))
console.log(['1','11','111'].map(parseInt))

答案：

解析：这道题包含三个知识点，首先是数组遍历map的用法，其次是js类型转换，然后是parseInt参数，map是数组的一种遍历方法，首先它不会改变数组的值，map方法提供一个回调函数，该函数有三个可选参数，依次为处于当前循环的元素、该元素下标、数组本身；所以在调用test时，其实a,b的值分别是数组的值和下标，然后就是Number将字符串转换成数字类型，所以第一条console.log打印出来的是[1,12,113];第二条语句考察的是parseInt方法，其实parseInt有两个参数，第一个必选参数是要转换的字符串，第二个参数可选。表示要解析的数字的基数。该值介于 2 ~ 36 之间。表示进制；所以，parseInt('1',0)=1，parseInt('11',1)=NaN;parseInt('111',2)=7;基数是0的时候，会根据字符串来判断：

如果 string 以 "0x" 开头，parseInt() 会把 string 的其余部分解析为十六进制的整数。
如果 string 以 0 开头，那么 ECMAScript v3 允许 parseInt() 的一个实现把其后的字符解析为八进制或十六进制的数字。
如果 string 以 1 ~ 9 的数字开头，parseInt() 将把它解析为十进制的整数。

2.如何让一个不固定宽高的元素在父元素内水平垂直居中

1）css3的flex布局

.parent{
    display:flex;
    align-items: center;
    justify-content: center;
    width: 200px;
    height: 200px;
}

2)table-cell属性

.parent{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 200px;
    height: 200px;
}
.child{
    vertical-align: middle;
}

3)css3 translate位移属性

.parent {
    position: relative;
    width: 200px;
    height: 200px;
   
}

.child {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}