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