快手面试面试经验

最新推荐文章于 2024-04-16 05:21:51 发布

console__

最新推荐文章于 2024-04-16 05:21:51 发布

阅读量4.8k

点赞数 1

分类专栏： react 文章标签：快手面试 promise 粘性布局打野

本文链接：https://blog.csdn.net/console__/article/details/101085184

版权

react 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

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')

console__

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
2
评论
快手面试面试经验

2019/9/20 快手面试面试方式是这样的面试官会给你纸笔，想起什么问题来就会让在纸上作答。大家可能很多时候，都在用编辑提醒写代码。到了在纸上写代码时候真的有点提笔忘字的感觉今天上午去快手面试我这次去面试的高级前端工程师面试知识点htmlcss 定位（position）属性描述absolute生成绝对定位的元素，相对于 static 定位以外的第一个...
复制链接

扫一扫