字节飞书业务中台前端面经

1.项目介绍 2.先聊一下项目，看你做了一个agent项目，介绍一下这个做什么的 3.用vue-flow 做可视化？那你们节点之间的连接逻辑是怎么做的？比如连线校验怎么做，支持动态规则吗 4.如果是一些拖拽、缩放这种高频操作下，肯定很卡顿，用哪些手段做性能优化呢 5. 那你刚提到16种节点，你这些节点之间的连接有没有做校验？比如判断节点类型、出入线数量限制这种 6. 你那个连接规则是怎么做的 7.虚拟化这部分是怎么判断哪些节点该渲染哪些不该渲染的 8. 那你缩放、拖拽这么频繁更新 DOM，是怎么节流的？你 throttle 控制的是哪个函数？ 7. 用Web Worker？怎么划分主线程和 W...

1.手撕：数组中第k个最大元素2.浏览器拿到HTML响应之后，渲染页面过程3.CSS 是什么时候加载的？是等 DOM 树构建完才开始吗4.HTML 解析过程中碰到一个 <script> 标签，浏览器会怎么处理5.你刚才提到MutationObserver，那如果浏览器不支持这个 API，你会用什么方式实现类似功能6.我们看这一段代码：图1 这段代码打印的结果是什么？为什么不是local？7.如果我把刚才那个var name = 'local' 改成let，那输出结果会变吗8.解释一下什么是“暂时性死区”为什么let声明变量之前不能访问9.讲一下js的作用域有哪几种10.我们现在有一个全局变量是 let a = 1，页面上有个按钮绑定了一个 onclick 事件打印 a，我把 a 从浏览器控制台删掉了，会报错吗？为什么11.讲一下作用域链，为什么在try-catch 里 catch(err) 中的 err 是块级作用域，但try里不是？12. 果我有一个变量在 setTimeout 里修改了值，而外部同时访问这个值，能保证拿到最新值吗为什么13.我给你两个连续的style标签，里面写了两个相同选择器但不同样式，渲染时到底谁生效？为什么？14.如果我动态用innerHTML插入一段 <script>，它会执行吗？和用createElement的方式插入有什么不同15.我页面上用了iframe做内嵌组件，结果一个按钮点击事件怎么都监听不到，为什么16.讲讲webpack的loader和plugin的执行顺序17.react 的 useEffect 和 useLayoutEffect 有什么区别？哪个先执行18. vue 的响应式是怎么实现的？那我问你，Object.defineProperty 为什么不能监听数组的 push？Vue2 是怎么解决的19.如果我在页面里创建了一个超大的数组 new Array(1e9)，但没赋值，也不访问，浏览器会卡死吗20.我页面上只放了 1 张图，但 Lighthouse 跑出来提示资源加载过大，啥原因？

1.你xx后台那个项目，主要解决的业务问题是什么？上线之后是谁在用？ 2.xx审核和xx上下架你都做了，那这两个模块在权限控制上有没有什么联动逻辑？ 3.有字段不能修改，是怎么判断的？状态变化后哪些字段可以改？哪些不能？ 4.你们当时做xx审核的时候设计过哪些状态 5.你说用了ProTable做复杂表格，那里面分页、筛选、操作区这些是自己写的吗？有没有自己封装过一些复用的组件？分页功能是如何实现的 6.有看过它底层么，比如说这个弹窗组件，form组件 7.你封装的弹窗表单，如果是从表格里点击某条数据进入编辑，字段异步加载怎么办？Modal打开之后请求还没回来这种 8.AntD的Form是怎么绑...

1. 前端加密有哪些2. ref和reactive区别3. 组件封装4. 说一下wujie不同微前端通信方式5. 举例问了一下reactive解构赋值和整体赋值新变量是否具有响应式6. 说一下项目里的加密怎么实现还有些忘了只记得这些了，感觉面的不难，回答的也还可以差不多面完两天就挂掉