快手面试 面试经验

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演示


<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>Documenttitle>
head>
<body>
    <h1>7777h1>
    <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')

你可能感兴趣的:(react)