金蝶 前端工程师 技术一面 面经

1. 说一说 vue 和 react 最大的不同2. 如何优化 fcp3. 排期由四天变成两天怎么办4. 旧官网项目新增一个页面，分步骤说思路5. 说一说实习6. 平时用过哪些ai7. 兴趣爱好，说了理财，但是你不理财，财不离你，面试官还追问了下怎么理，开始胡扯指标，其实没什么用，看了也挨套8. 反问

1.项目介绍。2.请详细解释浏览器的重绘(Repaint )和 回 流(Reflow)的定义，并列举5种可能导致回流的操作。谈谈你对 this 绑定的理解，有哪几种绑定方式?箭头函数有何不同?3.什么是闭包?它在哪些实际场景中应用，并可能带来什么问题?4.请描述-下 CSS 的 BFC(块级格式化上下文)是什么，以及它解决了哪些常见布局问题。5.从输入 URL到页面渲染完成，浏览器内核经历了哪些关键阶段?6.React(或 Vue)的虛拟 DOM (Virtual DOM) 和 Diff算法的核心思想是什么?7.请深入解释 HTTP 缓存机制，包括强缓存和协商缓存的具体字段和工作流程。8.请说明 HTTP/1.1、HTTP/2 和 HTTP/3 在性能优化方面的主要区别和改进点9.什么是跨站脚本攻击(XSS)?请列举至少两种XSS类型和相应的防御措施。10.请介绍一个你认为在技术架构或业务逻辑上最有挑战性的项目，并说明你在其中承担的角色和贡献。

1.项目介绍2. 你觉得Vue2和Vue3 的核心差异在哪里，哪些问题是 Vue3解决掉的3. vue3的proxy这个新的一个特性，那如果说深层的这种嵌套对象有没有遇到过监听失效的这种情况，怎么处理呢？3.看你做过报告解读，你们用这个ocr 怎么去处理这种识别的误差，或者说一些值的误差怎么办？比如说我给你的是一份体检报告，这个体检报告的格式有可能更不像我们医院的检验单，那么标准就是检验项目上面是表格检验的细项，有可能这个体检报告。它的格式。就每一份体验报的格式都不太一样，怎么办4. 虚拟 dom在哪些场景下，反而会有一些性能的瓶颈5. 你刚提到的大的数据量，我们虚拟列表你能讲一下吗？底层是什么原理实现的6.它有等高或者不等高的情况，如果不等高的情况要怎么处理7. Pinia 对比vuexAPI 的设计的差异上解决了哪些问题？有哪些优势？8.有这么一个场景：当我在这个公众号或者小程序，就你现在做的这个，就是我如果说去查看我的一些影像报告，然后这个影像报告呢有点大，大概就是。几十兆这个样子有什么优化的方式，从网络请求到渲染整个全链路的一个优化方案讲一下9. 如果要在小程序中实现一个可拖拽的医疗病历拼图功能，需要支持分页加载 + 多指缩放 + 保存状态，怎么来设计10.如果医院要你接入一个 PACS 系统，展示 DICOM 格式影像报告，怎么来设计11. 有个业务要做一个骨密度 AI 预测组件，后端提供的是 TensorFlow.js 模型文件，前端要做预测展示，怎么做12. 有没有用过 defineExpose、defineOptions、defineModel 这些组合式宏？在实际开发中怎么使用更合理？13. 比如小程序或者 H5 在低版本 Android 上崩了，你怎么定位问题怎么解决14. Pinia 怎么解决跨 tab 数据同步的问题15. 如果我页面上有 1 万条数据，用 v-for 卡顿了你会怎么优化？16.你觉得你你对团队沟通或者说就是团队建设，团队氛围以及需求沟通，以及你对你自己的评价是什么样的？17.如果说产品就是跟团队的 leader 的意见，除了这个就是向左，你会更支持哪一方，或者说你会更站在哪一方去考虑这个问题。

滴滴一面（45min）1. flex=1是哪些属性的简写2. 假如父盒子是 100，两个子盒子分别设置 flex 等于 0.1，flex 0.2，它的宽度怎么分配呢3. CSS 如何画三角形4. 移动端的适配，有各种宽高不同的手机嘛，想要前端的页面写一套在各个手机型号上都能有良好的运行的程序，有什么设计方案吗5. rem怎么计算的，小程序的屏幕适配用什么属性6. 了解开发这个屏幕比例适配用什么第三方库吗7. 代码在各个浏览器上，因为 API 的兼容性可能不同，有没有了解过前端的一些兼容的方案？8. Babel Polyfill 解决了什么问题（Promise 、 fetch 、 Array.includes）9. js作用域链的查找规则10. 代码阅读题，函数全局变量和局部变量输出11. 手撕1：手写 promise 串行不用 await12. 手撕2：给前序遍历和中序遍历的二叉树数组，构造二叉树并返回根节点13. 手撕3：最长不重复子串14. 前端的部署流程15. 前端打包的产物是啥16. 前端缓存方式（强缓存，协商缓存），CDN的原理，调度方式， js、css 文件是否可以放入CDN17. 单页面应用的路由实现原理是啥？它和普通多页面应用的路由有啥区别？18. 路由的两种模式（history和hash）的区别19. webpack主要是干啥的？解决什么问题的？20. 为啥要打包？ webpack 打包的产物，为什么 js 有增加一些哈希值啥之类的，了解吗？21. 为什么index.html它没有一个什么哈希标识呢？22. Vue中的diff 算法的头头比和头尾比的区别23. Vue2和Vue3对于数组和对象的响应式区别24. Vue2 技术上能劫持数组索引，但为什么不做？（性能成本极高，，初始化时要遍历 每一个索引 加getter/setter ，会导致内存爆炸）滴滴二面(50min)实习相关（白屏检测怎么处理JS报错的问题）1. TCP 和 UDP的区别2. WebSocket 是什么，它是基于 TCP 还是基于 UDP3. 介绍React 中虚拟 DOM4. 手撕：士兵身高从低到高的冒泡排序滴滴三面(30min)实习+项目