实习 - 前端 - 今日头条 三面挂

一面 - 12.30

1. 自我介绍
2. 介绍头条项目的功能
3. 具体如何解决搜索遇到的前端异步请求竞态问题
4. 防抖如何做的
5. 记住滚动条位置如何做的/会出现闪动问题吗/手动实现还是用的api
6. 这个功能有没有考虑不同浏览器兼容性的问题
7. 资讯一次渲染多少条 加载很多会白屏吗 有什么性能问题吗
8. 移动端适配具体怎么做的 用的插件原理是什么
9. 如果我想把css中的px转成其他单位，有的我不想转换，让你做这样的插件，有什么思路❌
10. 图片懒加载怎么做的 原理是什么 加载时机有没有什么优化调整
11. 如果一个图片体积很大 加载时间很长 有什么优化思路
12. websocket机器人聊天说一下具体的逻辑功能
13. 为什么不用http 两者有什么区别
14. 如果连接出问题 消息收不到 有没有考虑怎么解决
15. 有没有什么问题到现在还没有解决 说说
16. 博客项目介绍一下
17. 倒计时不准确使用系统时间补偿解决 还有什么其他方案吗
18. http状态码
19. 说说缓存
20. 跨域问题
21. tcp udp的区别
22. 代码题 ：数组扁平化/小于n的最大数/sleep函数

二面 - 1.6

1. 说说头条项目
2. 上拉加载更多 下拉刷新逻辑怎么做的
3. 使用的这些组件原理是什么 ❌
4. 切换频道回来的话会留在之前离开的位置吗 记住滚动条怎么做的
5. scroll事件频繁触发怎么办 为什么监听这个时间而不是监听频道切换
6. 节流防抖区别 手写节流
7. 登录逻辑怎么做的
8. 为什么token时间短 为什么用refresh_token
9. 说说浏览器本地存储 cookie localstorage sessionstorage
10. 有两个域名 toutiao.com和 xxx.com 如何实现两个域名之间共享cookie
11. 为什么token不放在cookie里
12. token方式 和cookie方式登录 的区别
13. cookie：服务端使用setcookie字段设置，token需要前端自己存储
14. cookie存sessionId，不带用户信息，token内部包含用户信息，对服务端压力小
15. 踢掉用户下线，cookie可以后端删掉，token怎么做
16. 项目移动端适配怎么做的
17. 让你写一个px->rem的插件 有什么思路❌
18. vue和jquery有什么区别 数据层面
19. vue双向数据绑定原理 为什么把数组和对象分开处理
20. 如果一个对象很庞大 有几百个属性 如何优化
21. vue3学了吗 ❌
22. 算法题：连续子数组的最大和
23. position 的属性值 定位都是相对于谁
24. 说说下面代码两个dom的大致布局

blue的position属性值分别为absolute/relative/fixed 的布局效果 解释原因
fixed是相对于根标签，如何让blue的定位是相对于red，而不是根标签
// html
<div class="red">
  <div class="blue"></div>
</div>
// css
.red{
  width: 100px;
  height: 100px;
  background-color: red;
  position: absolute;
  left: 100px;
  top: 100px;
}
.blue{
  width: 100px;
  height: 100px;
  background-color: blue;
  position: absolute/relative/fixed;
  left: 100px;
  top: 100px;
}

三面 - 1.16

1. 头条项目 介绍一下设计思路 功能 遇到的难点
2. 新闻资讯的内容是怎么获取到的 /开源接口
3. 介绍一下 websoket协议
4. 用http协议完成websocket什么想法 /轮询
5. acm涉及的算法在前端中有用到过吗 /keep-alive 淘汰组件->LRU算法思想
6. 为什么选择前端
7. 期望加入什么样的一个团队
8. 平时怎么学习前端技术的
9. vue的优缺点 了解过其他框架吗
10. 希望自己工作一年之后达到什么样的自我要求
11. 如果实习，什么时候可以开始实习 实习多久

结果 - 1.17

昨天面完三面 今天感谢信

真的倦了 不想努力了 想去摊煎饼或者卖炸串