字节前端日常

项目 八股 手写八股1.除加载时间外，还有哪些核心指标可用于评估页面性能2.如何评估卡顿问题​3.用 JavaScript 计算 FPS核心原理是什么​4.vw  单位含义是什么？与  px 、 %  有何区别​5.元素水平垂直居中还有哪些实现方案6.问了一个问答 分析同步异步执行顺序手写1画一个圆，直径固定页面宽度1/10 永远在页面正中间2实现输入框关键词联想功能（含联想、回填、空白处关闭列表）vue/react现场实现一个组件，通过 Axios 调用  auto_completion  接口​输入联想组件有哪些可进一步优化的点​前端核心的学习方式是怎样的

一面1h 主要都是八股1、水平垂直居中的实现方式2、问position有哪几种属性3、js的数据类型有哪些堆和栈的区别，如果定义的是对象怎么回收4、判断数据类型的方法有哪些，如何判断数组5、从URL输入到最后呈现经历了什么（知道多少说多少）浏览器进程里包含哪些线程js为什么是单线程的6、webpack性能优化的手段7、介绍下强缓存和协商缓存，什么时候用强缓存和协商缓存8、问跨域是什么，如何解决跨域9、问promise有几种状态，之间是如何转换的知道Promise的哪些方法then,catch,finally返回的是什么10、看代码说输出，宏任务和微任务有关的11、代码手写题：数组展平12、问项...

1.项目介绍2. 你参与的那个xx系统，如果这个系统后期要支持多租户，你觉得前端这块怎么改动会更合理3. Vue3 的 Composition API setup() 里响应式丢失是什么原因，怎么解决4. 用了 Pinia 做状态管理，在模块之间的通信怎么处理5.我看你项目里用 GRBAC 做权限控制，那我问你一个场景：如果权限在使用过程中发生变更（比如一个用户的角色被删了），你这边怎么清理掉他之前加载的权限路由6. 看你做了双 token 无感刷新，如果 refresh token 也失效了，但你这时挂起了一堆请求，刷新失败了，怎么处理7. 你提到你们公司做系统集成，那如果你要集成一个船上的摄像监控系统（第三方页面，但它不能改代码，只能iframe嵌进去，而且还要求根据用户权限控制展示内容，你会怎么处理8. 有这样一个场景：如果你从多个系统的 API 拉数据，但这些系统的数据结构不一致，比如 A 系统返回 camelCase、B 系统是 snake_case，还有一些是中文 key，你怎么统一数据结构，来复用9.如果让你来你现在负责一个项目，有20+个页面，需求方经常改字段、加字段，你每次都要改组件，这个时候你怎么来设计10. 如果你要做一个拖拽式仪表盘Dashboard用户呢能自己拖拽、组合图表组件展示不同数据源的信息，你会怎么来设计这个系统11. 看你做了一个公交大屏项目，项目里画车辆轨迹，那如果现在一个页面要同时展示 300 辆车的实时位置+轨迹，你怎么来优化12. 地图中你是怎么处理车辆轨迹“绕圈走”的情况的？比如一个车在原地掉头、拐弯，但 GPS 连续记录了好几个点，那肯定你的轨迹图就会一堆锯齿，怎么来做呢13. GeoJSON 有哪些字段？你在做行政区边界展示的时候，做过数据裁剪吗？如果只展示“浦东新区”这一个区的数据，你怎么只加载它？14.怎么处理 WebSocket 的多连接问题？比如你一个页面要同时订阅车辆位置、报警事件、设备状态，怎么复用，保证不丢数据15. 有没有处理过图表/地图上的数据级联问题？比如点击图表某个项目，地图跟着联动展示，这块怎么处理的16.手撕：给定一个整数数组 nums ，找到一个具有最大和的连续子数组，打印该子数组并返回其最大和。17.反问

time:2025.11.31.自我介绍。2.实习经历，项目经历深挖。3.http协议组成，浏览器渲染原理。4.http缓存了解。5.redis的常用场景，以及持久化原理。6.介绍一下CDN原理，为什么要用CDN。7.进程与线程的区别，浏览器线程模型有了解吗。8.redis常见数据结构，线程模型。9.JVM的组成，堆内存划分以及垃圾回收机制。10.分布式系统的好处以及实现高可用的核心思想。11.Java的进程管理，如何传经进程。12.对于项目经历的询问。13.编程题：0 1 岛屿问题（dfs）。14.未来职业规划，自己的优缺点，实习收获，英语水平。