字节前端一面凉经

1、介绍项目2、怎么实现登录的，后端通过什么完成验证3、token存在什么位置4、localstorage和sessionstorage的区别5、token和cookie，storage的区别6、怎么优化每次都需要token的情况7、跨域怎么解决的8、JSONP跨域的限制9、vue2和vue3的区别10、vite与webpack的区别11、链表与数组的区别，存储位置12、反问#软件开发2024笔面经##商越##前端##前端实习#

自我介绍从url到页面显示的流程跨域与解决方案服务端渲染rem与emdata为什么是函数组件间通信 eventbus使用什么条件v-if与v-show区别，底层原理，适应条件nextTick事件循环vue diff算法vue2 与vue3的区别proxy与definepropertyES6中数组方法，会不会改变原数组promisedom操作flex布局水平垂直居中实现手写：快排反问

难度略高，一度怀疑压力面，但面试小哥人很不错时间有点久了，可能内容有点偏差😖1.最近读了哪些技术博客2.看到你的项目用了SSR，具体讲一下3.SSR和SPA有什么区别4.讲一下白屏和FOUC，为什么现在FOUC现象很少见了5.你的项目封装了哪些自定义 hook6.讲一下对hook的理解7.hook能写在if里面吗，为什么这么设计8.讲一下XSS攻击，有哪些种类，怎么防范9.讲一下CORS漏洞，怎么防止，什么情况下会触发CORS10.HTTP缓存，Etag原理（假如我有两台服务器，向他们请求同一个文件的时候etag相同吗）11.HTTPS为什么安全12.HTTP 2.0，讲一下对多路复用的理解反问业务下一次流程（当时是真觉得没希望，苦笑着问的）

10.对前端路由理解 在前端技术早期，一个 url 对应一个页面，如果要从 A 页面切换到 B 页面，那么必然伴随着页面的刷新。这个体验并不好，不过在最初也是无奈之举——用户只有在刷新页面的情况下，才可以重新去请求数据。 后来，改变发生了——Ajax 出现了，它允许人们在不刷新页面的情况下发起请求；与之共生的，还有“不刷新页面即可更新页面内容”这种需求。在这样的背景下，出现了 SPA（单页面应用）。 SPA极大地提升了用户体验，它允许页面在不刷新的情况下更新页面内容，使内容的切换更加流畅。但是在 SPA 诞生之初，人们并没有考虑到“定位”这个问题——在内容切换前后，页面的 URL 都是一样...