好未来转正实习一面凉凉经
📍面试公司:好未来
🕐面试时间:2025.8.18
💻面试岗位:前端 实习转正
❓面试问题:
很细的八股和场景题
1.强缓存、协商缓存,请求头参数,区别,优先级。Eatg判断条件
场景:文件由版本1变到版本2,再变回版本1,etag是否还原
2.协商缓存通过状态妈妈判断是多少,302、304、306、206、
3.场景:同一个浏览器内打开了多个不同的tab页面,每一个tab页面访问的网址是完全相同的,localstorage、sessionstorage、cookie是共享的吗
4.XSS攻击类型,预防方法
5.https请求里什么样的请求会触发options预请求
6.flex:1哪几个值的集合
7.考察标签优先级
<style>
#b{
background: red;
}
#a.c{ //优先级累加
background: green;
}
</style>
<body>
<div id="a">
<div id="b" class="c">1</div>
</div>
</body>
最终1区域显示红色,如果使其显示绿色加一个!important
8.场景:写一个0.5px的边框线的几种写法
9.场景:层级的覆盖关系
<style>
#d{
position: fixed;
z-index: 1000;
}
#b{
position: fixed;
background: red;
z-index: 1001;
}
#a{
position: fixed;
background: green;
z-index: 100;
}
</style>
<body>
<div id="d"> 2</div>
<div id="a">
<div id="b" class="c">1</div>
</div>
</body>
(1)如果将b的fixed去掉,显示什么(我以为会有区别。。。)
(2)什么情况设置z-index不会生效
10.场景:在a分支开发,需要在b分支上开发新的需求,怎么做(git stash)怎么释放
11.js什么是宏任务,微任务,还出了一个题考察输出顺序
这是端上的实现,和node.js的宏任务、微任务有什么区别
12.场景:
<a href="https://www.baidu.com" onclick="window.open('https://www.csdn.net')">link</a>
(1)会弹出哪个页面
(2)怎么禁用onclick
(3)用a标签和用button标签进行跳转有什么区别
简历问题:
1.实习的项目管理系统可以从全面的角度补充,比如部署、打包。。工程化角度补充。。。
2.大模型项目:细化用。。技术,实现。。功能,(分片上传、段点续传、分段渲染?实时渲染、)
分段渲染:latex渲染标识符,如何检测到单$,(如果再拿到一个单$时,当作一个latex公式,把前面那一 部分内容做一个替换,视觉效果输出内容,出现$,出现latex公式,当拿到latex结尾符时,把这一整段返 回去)
3.智能家居项目:移动端是否混合开发
h5和端之间的通信怎么建立的
SSE、websocket各自适用于什么场景,websocket心跳机制
🙌面试感想:
首先是我的基础烂的没边。。
然后面试官人真好,给我提建议
#面试问题记录#
🕐面试时间:2025.8.18
💻面试岗位:前端 实习转正
❓面试问题:
很细的八股和场景题
1.强缓存、协商缓存,请求头参数,区别,优先级。Eatg判断条件
场景:文件由版本1变到版本2,再变回版本1,etag是否还原
2.协商缓存通过状态妈妈判断是多少,302、304、306、206、
3.场景:同一个浏览器内打开了多个不同的tab页面,每一个tab页面访问的网址是完全相同的,localstorage、sessionstorage、cookie是共享的吗
4.XSS攻击类型,预防方法
5.https请求里什么样的请求会触发options预请求
6.flex:1哪几个值的集合
7.考察标签优先级
<style>
#b{
background: red;
}
#a.c{ //优先级累加
background: green;
}
</style>
<body>
<div id="a">
<div id="b" class="c">1</div>
</div>
</body>
最终1区域显示红色,如果使其显示绿色加一个!important
8.场景:写一个0.5px的边框线的几种写法
9.场景:层级的覆盖关系
<style>
#d{
position: fixed;
z-index: 1000;
}
#b{
position: fixed;
background: red;
z-index: 1001;
}
#a{
position: fixed;
background: green;
z-index: 100;
}
</style>
<body>
<div id="d"> 2</div>
<div id="a">
<div id="b" class="c">1</div>
</div>
</body>
(1)如果将b的fixed去掉,显示什么(我以为会有区别。。。)
(2)什么情况设置z-index不会生效
10.场景:在a分支开发,需要在b分支上开发新的需求,怎么做(git stash)怎么释放
11.js什么是宏任务,微任务,还出了一个题考察输出顺序
这是端上的实现,和node.js的宏任务、微任务有什么区别
12.场景:
<a href="https://www.baidu.com" onclick="window.open('https://www.csdn.net')">link</a>
(1)会弹出哪个页面
(2)怎么禁用onclick
(3)用a标签和用button标签进行跳转有什么区别
简历问题:
1.实习的项目管理系统可以从全面的角度补充,比如部署、打包。。工程化角度补充。。。
2.大模型项目:细化用。。技术,实现。。功能,(分片上传、段点续传、分段渲染?实时渲染、)
分段渲染:latex渲染标识符,如何检测到单$,(如果再拿到一个单$时,当作一个latex公式,把前面那一 部分内容做一个替换,视觉效果输出内容,出现$,出现latex公式,当拿到latex结尾符时,把这一整段返 回去)
3.智能家居项目:移动端是否混合开发
h5和端之间的通信怎么建立的
SSE、websocket各自适用于什么场景,websocket心跳机制
🙌面试感想:
首先是我的基础烂的没边。。
然后面试官人真好,给我提建议
#面试问题记录#
全部评论
还行,你的项目感觉不错
好难
相关推荐
昨天 17:27
武汉理工大学 golang 点赞 评论 收藏
分享
08-19 19:03
重庆邮电大学 前端工程师 点赞 评论 收藏
分享