小米-前端工程师-面试-凉经

一、css 层级问题

两个元素,现在B叠在A上,你想让A叠在B上,就设置了A的z-index大于B的。但你发现设置后B还是叠在A上,你觉得可能是哪些原因导致没有生效呢?

z-index的元素position,没有设置为relative;

二、布局题 3个子元素

用 html+css 实现如下布局:父元素宽度未知,三个子元素默认间距30px, 但当父元素不够宽时,三个子元素的间距会自动缩小。

<!DOCTYPE html>
<html>
<body>
<div class="parent">
    <div class="child a">A</div>
    <div class="item"></div>
    <div class="child b">B</div>
    <div class="item"></div>
    <div class="child c">C</div>
</div>
</body>
<style>
.parent{
    background: grey;
    width: 100%;
    height: 200px;
    display:flex;
    justify-content:center;
    align-items:center;
}

.child{
    background: red;
    width: 50px;
    height: 50px;
    justify-self:center;
    flex-shrink:0
}
.item{
	width:30px
}
</style>
</html>

三、算法 大数组中移除小数组

有两个数组,想要从大数组中移除最少数量的元素,使得两个数组不再有交集。返回改变后的大数组。

例:

大:[1, 3, 4, 2, 5, 6, 7, 8, 9]

小:[13, 2, 3, 5, 7]

结果: [1, 4, 6, 8, 9]

时间复杂度尽量低

let arr = [1, 3, 4, 2, 5, 6, 7, 8, 9];
let to_remove=[13, 2, 3, 5, 7];
let res = [];
arr.filter(item =>{
    if(!to_remove.includes(item)){
        res.push(item)
    }
})

全部评论
第一个问题还有可能是层级上下文问题,A和B处于不同的层级上下文中,所有zindex对比失效
6 回复 分享
发布于 2023-03-03 08:48 广东
第三题时间复杂度On2了,用哈希表循环两次反而只需要On
3 回复 分享
发布于 2023-03-02 09:25 广东
ps:面试官小姐姐虽然戴口罩😷 但是还是可以看出她颜值很高 眼睛好看 脸很小 不过有些黑眼圈 要好好休息呀!
3 回复 分享
发布于 2023-03-01 22:00 湖北
也可以考虑一下我们公司呀
1 回复 分享
发布于 2023-03-06 14:02 福建
let arr = [1, 3, 4, 2, 5, 6, 7, 8, 9]; let to_remove=[13, 2, 3, 5, 7]; function solution(){ let map1 = new Map() let res = [] arr.map((v,index) => {map1.set(v,1)}) to_remove.map((v) => {if (map1.has(v)) { map1.delete(v) }}) console.log('map1:',map1); for(const key of map1.keys()){ res.push(key) } return res }
点赞 回复 分享
发布于 2023-07-18 14:26 北京
数组去重。1.原数组去重。不能用额外数组。
点赞 回复 分享
发布于 2023-04-21 10:09 广东

相关推荐

04-17 18:32
门头沟学院 Java
野猪不是猪🐗:他跟你一个学校,你要是进来之后待遇比他好,他受得了?
点赞 评论 收藏
分享
评论
15
69
分享

创作者周榜

更多
牛客网
牛客企业服务