实习- 前端 - 抖音直播 - 二面挂

双非本科大三 想找一份实习 内推的抖音直播前端实习生 二面挂了

一面 - 11.1

1. 介绍一下项目
2. websocket 和http区别
3. 那我现在有个场景，比如我进到电梯里断网了，如何检测呢 心跳包
4. 心跳包 对服务端的优点缺点
5. vue和jquery的区别 响应式概念 原理 如何更新页面的
6. vue怎么操作dom的 虚拟dom diff算法
7. key一样 都不是文本节点 都没孩子 是不是同一个DOM 不是 还得判断类型type
8. 继承 讲讲继承 es6的class的继承
9. 继承解决什么样的问题
10. 继承是什么样的设计模式
11. set数据结构 说说特点
12. 页面显示商品价格 使用什么方法防止爬虫爬取金额取做对比 但是不影响用户的浏览
13. promise async await
14. Object.__proto__.__proto__.__proto__ 打印null 每个解释一下
15. 箭头函数 使用this会不会报错 this是谁的 是否可以改变this
16. https 使用什么加密方式 数字证书 客户端有什么 有ca公钥
17. http1.0 1.1 2.0 每个讲讲 3.0(没说了）
18. 算法题 三数之和 array = [1,2,2,3,4,4,5] target = 5 array中是数字 有重复的数字 在array中找到三个数和满足target的组合 组合不能重复（使用双指针 还需要去重）

小结一下没答出来的的问题：

7 当时看diff算法的源码没有太仔细，除了key tagname那些还比较了什么其他的属性记不太清楚了；面试官说还有一个type

8 js红宝书的继承倒是记得，es6的class继承没有复习，面试完就去恶补了一下class 和class的继承

12 反爬虫，防止爬取价格，当时说了个使用图片，面试官说图片也可以爬下来（但是我想爬下来还得识别嘛，也算是一种方法吧）后面了解可以使用伪元素（恍然大悟），还可以使用雪碧图 。

面试完半小时就打电话约了二面 激动

二面 - 11.3

项目介绍

1. 用到websocket了是吧，那你说说websocket和http的区别
2. 那除了websocket，还有其他类似的方法实现这样的双向通讯吗？ 短轮询、长轮询、SSE（服务器推送）
3. 那我现在有一个场景，比如这样的资讯列表，我需要反馈一个不感兴趣的列表，要做一个删除，但是我现在网络很不好，等待响应需要很久，我们前端可以做什么让用户体验感更好？ 可以不用等后端的响应，用户点击反馈后，前端删除对应的文章，并且给用户反馈将减少类似文章的推荐 那如果我有一个任务清单 todoList这种，我后端删除失败了，此时前端已经删除了，如何处理？ 可以将发送失败的请求存下来，然后后续再去发送，让服务器再做一个删除，直到成功为止 // 来自一个朋友的亲戚(全栈大牛)给的答案： 我感觉啊，不考虑实现成本。是不是可以考虑设计一套状态同步的机制。 在网络不好的时候，前端可以离线编辑。 在网络恢复的时候，可以把前端缓存的数据进行增量更新或者全量同步。 详细说一下你要怎么设计这样的数据结构 首先要保存请求，需要保存请求的地址和携带的数据，将它存到对应的数组，然后把数组存到localstorage里面，设置一个定时器，不断的访问这个数组，如果有失败的请求就去发送，让服务器处理。 为啥用localstorage存呢？ 因为我用localstorage比较多，其实浏览器本地存储还有其他的，比如sessionStorge和indexDB，但是indexDB我没有用过，不太熟 那你说说这些本地存储有什么区别
4. vue2的路由有hash、history模式，说说他们的实现 巴拉巴拉 然后说底层用的啥 onhashchange 和一些API 为什么hash模式没有history那个缺点呢（不配置会404）？ 那history模式为什么刷新页面会发请求呢 这是浏览器去发的 针对浏览器地址栏的地址默认发送get请求 那history模式改变了路径为何不发送请求呢 （对于使用的API，并且阻止发起请求）其实这里我不太明白问了什么 很迷糊
5. 做一个算法题： 将给定数字序列重新排列成字典序中下一个更大的排列。 如果不存在下一个更大的排列，则将数字重新排列成最小的排列（即升序排列）。 必须 原地 修改，只允许使用额外常数空间。 例如 1 2 4 3 ->1 3 2 4 就是取一个排列（1234组成的数）中比给出的更大的数
6. css布局的题目： div>(input + button) 实现一个搜索框，使得input的宽度自适应、按钮宽度固定 讲了一个flex实现，面试官问我会不会其他的实现方式，比如calc（不会），让我用float，我也不会 我说我会用js去实现：获取div宽度，减去botton的宽度，设置为input输入框的宽度 那如果我要缩放页面的话怎么办？ 监听resize事件，每一次缩放重新设置 会有什么问题吗？ 可能会一直缩放，一直触发这个事件，消耗比较大，可以加一个节流 说说节流 balabala 手写一个节流吧
7. 最近在学什么 看了vue源码 怎么看的 看帖子 看前端博主的博客（咋不问我源码）
8. 平时怎么学习的，怎么学算法和前端的 算法是实验室有任务，大一让刷题 前端使实验室提供学习路线，然后看视频，看书，看帖子，记笔记 反问：对于这次面试觉得我有什么缺点，可不可以给一些前端学习的建议 深入业务的一些方法 遇到问题需要系统化的了解底层

小结没答上的问题：

为啥history模式 改变路径没有发起请求 ，是那些api默认不会发 ，可面试官还是继续问为什么， 我可能还是源码看的不仔细， 恶补！！

css的布局问题 一时半会想不起来太多解决方案

总结

周四面的二面 周一问了hr说是挂了

最近内推的两个部门 都没有给面试机会 简历评估了三四天就放了 难道是我面评不好吗

感觉也没有发挥很差吧

想问一下有没有字节的hr可以捞捞 求捞 ！！！！！

孩子很想找一份实习