京东前端实习一面凉经

🕐投递时间：3.22一面🕐面试时间：3.31❓面试问题：自我介绍项目的来源我看你的项目有些全栈居多，你是后端也有学吗前端职业规划如果要你设计一个图片拖拽，你会如何考虑纯js如何实现css如何设计还有什么优化的点聊项目 AI Chat，介绍一下它的开发背景，实现的程度如何有无调研过市面上主流的打字机输出的原理流式输出SSE的原理前端如何流式响应vue的nextTick的作用用了什么第三方服务，对比一下百度文心一言api与千问qwen与市面上投入使用的相比还有哪些不足IndexDB 与localstorage如何选型，有什么区别反问：部门业务 您觉得在工作中较为出色的同事有什么共同特质吗二面面...

面试时间：4.16下午13点30 时长25min面试官很友善，第一次遇到了开始就介绍业务的面试，没什么八股和项目，具体看面经，无手撕，应该横向了，让我过让我过让我过让我过让我过让我过1. 面试官业务介绍2. 自我介绍3. 哪个项目对你成长最大，展开介绍4. 技术上的成长体现在哪些方面5. 讲一下流式传输原理6. 你对SSE的原理怎么理解7. 项目中做过哪些前端页面性能优化8. 优化后首屏耗时有什么变化9. 了解哪些性能测量方式10. 代码分包/切割遇到过什么问题11. 讲一下Vue/React的Diff算法12. 项目中有没有做监控相关的内容13. 了解哪些前端监控手段14. 前端开发中哪些方面掌握得比较好15. 除了前端还学过哪些语言，有无C++项目经验16. 讲一下你实现的虚拟列表原理17. 虚拟列表如何处理滚动过快、白屏问题18. 用虚拟列表前后滑动帧率有什么变化19. AI在开发中给你带来哪些帮助20. 最快可实习时间、实习周期21. 反问

1、vue3中的router2、路由守卫3、路由守卫和登录校验怎么结合的4、sse具体是怎么实现的以及优化的指标是如何量化的5、封装通用组建的时候需要注意什么6、说一个你实习中觉得比较好的功能实现7、视频上传中断的怎么办8、大文件上传怎么实现9、首屏渲染优化是怎么实现的10、浏览器输入url到渲染出页面的过程11、html解析可以做那些优化12、defer/async的区别13、如果需要加载一个非常大的js库应该怎么办14、骨架屏是怎么做的15、vue3的响应式原理16、watch和watchEffect的区别17、vite的优点18、用过哪些vute的插件19、unplugin-auto-i...

1. 自我介绍并说一下最近的这个项目，觉得哪里有一些复杂度比较高的，你可以详细聊聊2. 这个项目是你实习做的吗？还是你自己练习的项目？（我说是老师项目组的）3. 我看你了解的知识面还挺广的，你是通过哪些方式进行前端的学习的？（GitHub、B站、掘金、极客时间）4. 有没有做过系统一点的学习？比如书籍之类的（我说你不知道的JavaScript）5. 这本书有什么理念，或者说你觉得印象比较深刻的？（说了this，把 this 全部过一遍）6. 那你在实际项目中有哪些场景有用this去做一些方案，或者说做一些小的工具函数之类的？（我说有，比如单例模式，然后全部过一遍）7. 那单例模式，你是在什么样的一个场景里面去用的？为什么会选择单例模式？有什么优缺点？8. 你刚刚说扩展性比较差，弹簧组件是全局的，那假设另外一个场景也需要使用这个组件，但是它又要有些不一样，那这个时候你会用到什么设计模式呢？9. 我看你项目写了响应式布局，你是之前做过移动端吗？（我说有）10. 那你是怎么做的适配的？因为有高倍屏、低倍屏，还有些手机尺寸不一样。11. 你所有的布局都是用的 px 去进行布局的吗？（我说还有 rem）12. 那你觉得 rem 的值应该设置为多少呢？（我说是除以10，追问，我说在GitHub上面阿里源码扒下来的）13. 对于样式布局，你了解哪些方式呢？（我说有 flex弹性布局、grid网格布局、table表格布局、定位布局、浮动布局） 哪种用的比较多呢？（我说flex弹性布局）14. 那你可以说一些 flex 的样式属性吗？（我说有flex-direction、flex-wrap、flex-justify、flex-align、flex: 1）15. 听到我说 flex 布局，面试官扔了到题目过来：用 flex 布局完成从左边的到右边的效果 alt text（P1）16. 手撕树形结构遍历：要求最后的结果为 28 alt text（P2）17. 继续回归项目：对于 jwt 认证保障的话，你可以说一下它大致怎么实现的呢？18. token 你是存在哪里的？（我说存在 localStorage 中） 为什么存在 localStorage 中？（我说一开始是想放在 cookie 中，但是刚好接触了 axios，然后进行封装，更方便）19. 你这7天过期的逻辑放在 localStorage 中是怎么做的呢？（我说我设计了长 token 和短 token） 面试官说这个方式没见过，比较有意思😄20. 短 token 过期，前端拦截到错误然后用长token做请求，那你这个逻辑岂不是接口会做一个重试的逻辑？那如果长 token 也过期了，那这个时候你会怎么做？（我说会跳转到登录界面，重新登录）21. 跳转界面是在前端还是后端做的重定向？（我说是在前端，axios 封装，错误码）22. 你前端做重定向的时候，你是通过什么样的一个 API 去做的？（我说是 window.location.href('/login')） 那你这种方式跟 location.replace('/login')、location.push('/login') 有什么区别吗？（我说 window.location.href('/login') 是会刷新页面的，而 location.replace('/login') 是不会刷新页面的）23. 你点的浏览器回退，你还是可以回到上一个地址吗？（我说直接退出到登录界面）24. 我看你另外一个项目设计了一个拖拽式布局，你可以说一下会用到哪些API吗？还是说你这个功能是通过第三方库实现的？（我说原来是自己写的，后面效果不是特别好，就用了第三方库，在 npm 上的 Allotment） 那如果让你用原生 JS，你知道要用到哪些 API 呢？（我说 mouseDown、mouseMove、mouseUp、mouseOut，监听鼠标的点击事件，获取鼠标的坐标，计算容器的宽度）25. 面试官说前端基础就面到这，我心想这还只是基础吗😭，然后反问：- 面试表现（提了一嘴 AI，平时有用过什么 AI 工具吗？）- 面试官说可以系统学习，多看书籍，知识点比较零散- TikTok 到底是负责什么的- 贵公司技术栈