作业帮 前端 秋招面经
是时候公开我的秋招暑期面经了！
要的私信啊啊啊啊啊啊啊！！！！！能帮一个是一个，发完就卸载牛客哈哈哈哈，准备上班了
---- ---- ---- ----
面经
上来没有自我介绍，全程40min左右
直接开始看题
- src和href有什么区别？（面试官说和性能优化首页白屏什么的有关？？不理解）
- 让你实现一个布局，满足一下要求：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Document</title>
<style>
.father{
display: flex;
width: 100%;
height: 100%;
background-color: #61dafb;
}
.son1{
width: 100px;
background-color: rosybrown;
}
.son2{
flex: 1;
background-color: #646cff;
}
.son3{
width: 200px;
background-color: aquamarine;
}
</style>
</head>
<body>
<div class="father">
<div class="son1"></div>
<div class="son2"></div>
<div class="son3"></div>
</div>
</body>
</html>
- js基础题一
function findMinNum(arr) {
arr.sort();
let result = [];
for (let i = 0; i < arr.length; i++) {
let cur = arr[i];
let next = cur + 1;
if (arr.indexOf(next) == -1 && i !== (arr.length - 1) && next > 0) {
result.push(next);
}
}
if (result.length === 0) {
let i = arr[arr.length - 1] + 1;
return i;
}
return Math.min(...result);
}
let res = findMinNum([1,3,6,2,7]);
console.log(res);
- js基础题二
function parseStr(str) {
let strArr = str.split('');
for (let i = 0; i < strArr.length; i++) {
let cur = strArr[i];
let prev = strArr[i - 1];
if (cur !== '?' && cur !== '▲') { //如果是英文字母
if (prev == '?') {
strArr[i] = cur.toUpperCase();
}
}
}
strArr.forEach((item,index)=>{
if(item === '?'|| item =='▲'){
strArr[index] = '';
}
})
return strArr.join('');
}
发现问题
面试的时候写个80%90%，但是线下一写，基本上2min就搞定了。
心理抗压能力还需要改进。
面试官：逻辑思维和解决问题的能力是可以的，但是效率很低。
不能在短时间内精确地完成任务。
另外，基础还是不够扎实，他说这两个js题是几个API就能搞定的，没能熟练运用。
coding能力比较弱。
解决问题的思路没有条理，没有体现知识体系。
第二个问题很简单，写布局。
没有从一个完整的架构出发，漏掉细节，height没加。
首先是搭建HTML结构，然后是添加样式，注意高度和宽度都要覆盖到，虽然高度也是自适应，但不能不加这个属性。
改进策略
对于代码题，刻意训练。
每日一题，不要光做，限时做。
限时需要提高注意力，找到那个状态。
对于八股问答题，感觉需要总结一套表达方式。
很多问题知道答案，先抓重点，然后理清条理，即先后条件和因果，最后才说一些可能的加分点。
总结
- 效率
- 表达能力
- coding能力
- 心理抗压能力
查看16道真题和解析