散财二

2025.9.3 看完阅兵就来面试了1. 自我介绍2. 为什么选择前端岗位？3. 问项目（性能指标、优化手段）4. 项目中的登录实现（Spring Boot、 Go、 MySQL、SHA256 + MD5、JWT）5. React 掌握情况6. React Hooks（常见 Hook、作用、自定义 Hook、应用场景、Token 存放位置：Session（更合适）、LocalStorage、Cookie、前端数据库；Cookie 有 XSS 风险）7. Vue3 性能优化（Vue 3.6 引入 Signal 库、Vapor 模式（无虚拟 DOM）、依赖收集机制优化状态更新）8. CSS 选择器优先级顺序：!important > 内联样式 > ID > class/伪类 > 标签选择器 > 通配符相同属性冲突：按优先级判定组合选择器：合并计算9. 代码题（单例模式、deepClone、最长公共子串）第十次面字节了求过

一、自我介绍，为什么学前端二、实习/项目相关1. 选用pnpm有哪些优势，相比npm和yarn（深挖）2. 性能优化有哪些措施包体积压缩，按需和自动导入，CSS原子化和purgecss压缩，缓存策略，静态资源压缩，预加载和预请求预请求具体是怎么实现的是否了解过SSR和react的流式渲染3. 衡量性能指标有哪些，打包体积优化有哪些方式打包体积，FCP，LCP……4. JSB的底层实现原理是什么三、基础八股1. http2和http3相比上一个版本的提升在哪2. 浏览器的强缓存和协商缓存3. requestAnimationFrame是否了解4. 防抖和节流的区别5. cookie和localS...

1. `display` 有哪些属性？`block`, `inline`, `inline-block` 有啥区别？2. 怎么让子元素宽度撑满父元素？3. `encodeURI` 和 `encodeURIComponent` 有啥区别？4. XSS 的原理和防范？5. 手撕：实现 TS 的 `ReturnType`。6. 手撕：实现一个进阶版 `EventEmitter`，要支持 `once`, `group`, `priority`。7. 手撕：实现一个构造函数，让它的实例对象能知道自己是第几次被调用的（用闭包）。进阶：1. 实现私有属性（用 getter）；2. 如果不是用 `new` 调...

生服挂了，换了个部门继续面1. webpack如何split代码，有几种方式2. webpack如何进行tree shaking的配置3. NPM依赖包版本号前缀~和^的区别4. ssr和csr的区别5. 如果用户能拿到数据请求url，如何进行反爬6. rag的大致流程7. langchain构建rag系统的流程8. 流式输出的实现，前端后端分别如何做，用到了什么网络协议9. sse的格式中，是用\n分隔还是用\n\n分隔，mime类型是啥10. 手撕：流式输出的模拟实现11. 手撕：带timeout的promise的实现