字节跳动前端校招一二三面+hr面

tip：一二三面连着面的，中间有10分钟休息时间，面试官都很和善的，不会给太大的压力，不过字节的每一个问题都会问的很深，很深。。。感觉到了跟大佬的差距O(∩_∩)O😄

自我介绍

vue和react有什么区别，更喜欢用哪个，为什么
react hook熟悉吗，解决了什么问题，用react hook写一个用户鉴权的组件，所有其他组件都要经过它验证(auth是一个promise)
为什么请求放在useEffect里，放在外面和放里面有什么区别？在useEffect里想使用async/await怎么用
谈了谈useLayoutEffect和useEffect具体执行时机
算法，一个树结构，有id和一个子节点数组，要求在所有子节点上增加一个属性为父节点的parentId
async/await和promise性能差异，我提到了堆栈追踪，在本人发表的其他文章里有写到
react写一个时间选择组件，先设计要传什么样的props接口，说明原因，外部组件如何使用(其实就是考封装组件库), 如果是手机端的，无线滚动的效果具体如何实现
CommonJS和ES6模块化有什么区别，设计一个方法，让CommonJS导出的模块也能改变其内部变量
webpack treeShaking原理，是靠什么才能实现(ES6模块的静态导出)
webpack的构建原理，loader和plugin的区别
讲一下js的隐式转换
JSONP和ajax有什么区别，手写一个JSONP(promise版的)，window上挂在的函数如何避免重名
算法，实现一个螺旋矩阵

其他的零零散散的想不起来了

网络安全，XSS、CSRF、SSRF的原理，黑客是如何利用这些漏洞的
XSS如何防御，交给前端做还是交给后端做，如何做
CSRF如何防御，同源策略解决了什么问题
前端性能优化是怎么做的，各方面考虑(我谈了从网络层面的，浏览器渲染层面的还有css、js执行，框架层面的，越详细越好)
http缓存和CDN原理讲一下
老生常谈的问题，用户输入url到页面展示经历了哪些步骤(越详细越好，这个问题能讲很久)
http和https的区别，https有什么好处，https握手过程，https是如何做到“安全”的
http2了解过吗，http2和http1的区别和好处，http2的头部压缩的原理
鼠标滚动的时候，会触发很多次事件，如何解决的？ (我说的防抖和节流) 具体用的防抖还是节流，我答节流
能实现一个节流函数吗？ (很快写完了定时器版) 面试官改进一下要求滚动第一次就触发，于是改成时间戳版。再改进一下，最后一次的延迟也要触发，于是改成了时间戳+定时器版，完美解决
一个场景，鼠标移动到超链接上，有气泡弹出，内容为去后端请求的接口内容(页面有很多个超链接，内容都不一样)
AJAX的原理，如何实现(手写), http状态码都有哪些，代表什么意思