猿辅导前端三面
面试体验良好，但手写在引导之后才写出来
面试时间45min
自我介绍
项目中最有成就感的事情
项目中最困难的事情
手写时钟函数，区分24小时制/12小时制。输入零点之后的秒数，返回标准电子表格式字符串。
手写轮播图html、css、js 引导之后才写出来正常运行的
会在类似codepen平台直接运行检验
<div class="container"> <ul class="ulImg"> <li class="liImg"><img /></li> <li class="liImg"><img /></li> <li class="liImg"><img /></li> <li class="liImg"><img /></li> <li class="liImg"><img /></li> </ul> </div>
.container {
position: relative;
width: 400px;
height: 300px;
margin: 0 auto;
overflow: hidden;
}
.ulImg {
position: absolute;
display: flex;
width: 2000px;
height: 300px;
left: 0;
padding: 0;
margin: 0;
}
.liImg {
list-style: none;
width: 400px;
height: 300px;
display: flex;
align-items: center;
justify-content: center;
} var containerD = document.getElementsByClassName("container")[0]
var ulD = document.getElementsByClassName("ul-img")[0]
var cur = 0
var timer = null
play()
function next() {
if (currentIndex === 4) {
cur = 0
} else {
++cur
}
}
function play() {
timer = setInterval(next, 5000);
} 需要注意 getElementsByClassName 返回的是数组，只有一个的时候需要 arr[0]；以及调用 setInterval 是传入回调函数，不是直接在传入的时候就调用。感觉三面的结果不太有区分度，会不会是 KPI
许愿通过
#猿辅导##前端##秋招##23届秋招笔面经# 
查看6道真题和解析