前端实习三天七面传奇耐面王（1）

1.实习介绍2.着重介绍一个你自己认为含金量最高的项目3.为什么选用sqlite，了解indexDB吗，为什么不用indexDB?4.我看你websocket用的是ws模块，是基于什么考量的，socket模块的社区活跃度和星数更高，为什么不考虑用这个呢?5.Electron为什么可以调用类似于客户端的一些API或者功能?JSBridge了解吗?6.购物项目的骨架屏是如何实现的?假设现在有一个新闻网站，他新闻有很多种类型，比如纯文字，文字加图片，纯图片等等，那你怎么在页面资源全部加载完成前展现出一个尽量靠近真实界面的骨架屏呢?7.React有了解吗?有没有搭建过项目?8.pdf.js内部原理是怎么样的?canvas如何绘制图片?原生canvas有了解吗?9.你了解的性能优化的指标?如何检测LCP?不埋点用自动化的方式呢?Performance面板什么用?录制期间记录哪些数据?10.现在AI应用有这种一个一个或一行一行的输出效果，怎么做的?后端返回的格式以及请求头相关的信息有什么不一样的地方吗?JS是如何接收并处理接收的数据的?SSE的EventSource只能处理GET请求假设我要POST请求，怎么做?11.微前端了解吗12.手撕:单词拆分

一、背景与总体能力你目前的求职方向是什么？主要使用哪些编程语言？除了 Java 以外，你是否还使用过其他语言？主要用于什么场景？二、项目一：大众点评（Java / Redis / MySQL）你这个大众点评项目是本地部署的吗？短信登录是如何实现的？是否真的发送短信？你提到使用了缓存，请你介绍一下 Cache Aside 模式你是如何保证数据库和缓存之间的一致性的？在高并发场景（如秒杀）下，这种方式有没有潜在问题？项目中“一人一单”是如何实现的？三、项目二：AI Agent / Spring AI这个 AI 项目是课程项目，还是你自己做的？这个项目是否已经落地使用？多轮对话的 记忆 是如何实现的...

一面 1.开发偏移动端还是电脑端？2.实习项目拷打3.Vue2和Vue3的区别4.服务端渲染SSR 节省的是什么时间？前端所有的JS都是服务端渲染然后返回的吗，那这样前端的首屏加载时间是不是就为0，省去网络请求？5.浏览器从URL解析到渲染的流程，结合实习中做的基建6.为什么解析完IP就可以返回对应的HTML网页，怎么对应上的7.Promise本身是微任务吗8.事件冒泡？如何阻止9.在封装一个组件时需要考虑什么？有没有一套自己的设计原则？10.场景：给一个div设置了z-index为什么没生效11.提升页面加载速度的一些性能优化手段12.Promise链式调用then代码题：1.代码输出（时间循环）2.手撕：树转对象数组二面1.前端方面如何去定位真正的性能瓶颈？要收集哪些数据2.排查问题思路3.跨平台app如何量化用户体验指标4.app冷启动速度优化+运行时内存优化5.react的fiber6.react diff和vue diff有什么区别7.多个用户同时登陆如何判断token是谁的？8.AI结合前端的技术9.项目拷打得很深代码：1.demo：一个带小数的数字，点击button隐藏整数or小数部分，支持切换2.算法：最长回文子串感觉快手对于项目逻辑思路这块很看重，基本是围绕着项目问八股，但流程推进的比较慢，一面结束3天才约二面，二面结束3天才oc....

一面 1.自我介绍。2.讲下实习内容。3.实习拷打。4.浏览器中输入url并按下回车，之后发送了什么事情？5.HTTP跟HTTPS有什么区别吗？6.URL是由哪些部分组成的？7.哪些部分不同会导致一些跨域问题吗？8.怎么解决跨域问题？9.后端做那个白名单，他们他具体那个浏览器要怎么识别呢？10.JS中有哪些数据类型？11.基础数据类型和复杂的数据类型，它们有什么区别？12.有哪些可以检测这些数据类型的方法？13.typeof去检测数据类型会不会有些什么问题？为什么？14.比如说让你自己去实现一个数据类型检测，你觉得你会怎么去比较呢？怎么去比较这个数据类型检测？自己怎么写个typeof？15.CSS中flex那么多吗？CSS中flex是吗？假如我是个小白，想让你给我介绍一下flex布局，你会怎么说呢？16.你觉得float使用上会比flex有哪些地方觉得特别麻烦？17.react router的一个实现的原理？18.事件循环。看代码说输出。（这里主要是promise.then().then()第二个then是在什么时候触发的）反问。二面1.自我介绍。2.实习拷打。3.React的状态管理库有哪些？4.mbox跟redux，你觉得它俩有什么区别吗？会有什么不一样吗？5.如果不用三方库的话，你觉得你会去怎么设计呢？那如果context太大导致重复渲染怎么解决？6.有了解antd它的表单是如何实现的吗？（没说它怎么实现，说了我自己的表单怎么实现的）。7.打包工具一般用哪些打包工具？8.webpack如何实现按需加载？9.老的浏览器是不支持ES model的动态import的。现在还有在做了哪些转换吗？10.像import怎么怎么去转换？如果让你实现一个打包工具，就不用webpack，也不用babel。你觉得你怎么去实现异步加载，JS模块的异步加载？11.Vite和Webpack的区别？12.假如要实现一个登录的一个功能，它支持账号密码登录，也支持三方登录。然后你觉得要如何去设计这个模块或者功能呢？13.TS的枚举编译之后，它会转成什么什么内容呢？14.TS的Interface这种编译完了之后会变成什么东西呢？反问