快手面试面试经验

最新推荐文章于 2024-05-14 15:29:30 发布

原创最新推荐文章于 2024-05-14 15:29:30 发布 · 5k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#快手 #面试 #promise #粘性布局 #打野

react 专栏收录该内容

2 篇文章

订阅专栏

本文分享了一次快手公司高级前端工程师岗位的面试经历，详细介绍了面试中的问题，包括HTML、CSS定位、Flex布局以及JavaScript算法题，如计算字符串中出现次数最多的字符。

2019/9/20 快手面试

面试方式是这样的面试官会给你纸笔，想起什么问题来就会让在纸上作答。大家可能很多时候，都在用编辑提醒写代码。到了在纸上写代码时候真的有点提笔忘字的感觉

今天上午去快手面试我这次去面试的高级前端工程师

面试知识点

html（问的不多）

css 定位（position）

属性	描述
absolute	生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。
fixed	生成固定定位的元素，相对于浏览器窗口进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。
relative	生成相对定位的元素，相对于其正常位置进行定位。因此，“left:20” 会向元素的 LEFT 位置添加 20 像素。
static	默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。
sticky	粘性定位，该定位基于用户滚动的位置。它的行为就像 position:relative; 而当页面滚动超出目标区域时，它的表现就像 position:fixed;，它会固定在目标位置。注意: Internet Explorer, Edge 15 及更早 IE 版本不支持 sticky 定位。 Safari 需要使用 -webkit- prefix (查看以下实例)。
inherit	规定应该从父元素继承 position 属性的值。
initial	设置该属性为默认值，详情查看 CSS initial 关键字。

sticky演示

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <h1>7777</h1>
    <div style="position: sticky;top:10px;height: 400px;">
        999
    </div>
    <div style="height: 4000px;background: #ccc">

    </div>
</body>
</html>

flex 弹性盒模型

弹性盒模型我就不做详细说明了阮一峰flex详解

js

就是有简单的算法题
第一题是计算出一个字符串中出现次数最多的字符，打印出该字符和出现的次数
’aaba’ => a,3

function getAppearCount(str) {
    let list = str.split('')
    let obj = {}
    list.forEach(key => {
        if (obj[key]) {
            obj[key] = obj[key] + 1
        } else {
            obj[key] = 1
        }
    });
    let a = '';
    let num = 0
    for (const key in obj) {
        if (obj.hasOwnProperty(key)) {
            const ele = obj[key];
            if (ele > num) {
                num = obj[key]
                a = key
            }

        }
    }
    console.log(a,num);
    
}
getAppearCount('abshshshsaaaa')