钉钉前端一面(已过)

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、最长公共子串）第十次面字节了求过

极致的基础，极致的三件套，没问小垃圾项目，除了作用域提升的题模模糊糊其他都挺顺的（感觉良好）let const var区别，出了一个简单的作用域相关的题箭头函数和普通函数区别，提到了this指针this指针会指向哪，出了一道简单的this指针相关的题说一下知道的块级元素和行内元素标签dom树长啥样，说一下head和body里面一般有啥标签，说一下语义化标签然后跟着我的回答问了一下：script标签可以放在head里面，defer属性和async属性分别异步到什么时候执行js；提到了语义化可以帮助搜索引擎搜到页面，这个是seo；提到了seo，问知道的seo相关的内容，说了四五种，提到了ssr，说...

function A() {console.log("A");return <B />;}function B() {console.log("B");return <C />;}function C() {console.log("C");return null;}function D() {console.log("D");return null;}function App() {const [state, setState] = useState(0);useEffect(() => {setState((state) => state + 1);}, []);console.log("App");return (<div><A state={state} /><D /></div>);}const root = createRoot(document.getElementById("root"));root.render(<App />);这道题到底应该输出什么啊，问了三个AI给了三个答案。

生服挂了，换了个部门继续面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的实现