字节国际电商前端一面面经

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

1.项目介绍2.js有哪些数据类型3.JS 是单线程的，那为啥还能异步，我setTimeout放在Promise后面它为啥最后才执行4.微任务和宏任务都有哪些，浏览器和Node环境下任务队列是一样的吗？有没有区别5.假如现在有一个异步链一个async函数里面用了setTimeout、Promise、await、MutationObserver你能告诉我他们的执行顺序吗6.说一下JS 的闭包7.在一个for循环里绑定了多个按钮点击事件，结果所有点击都打印同一个值为什么，怎么来修复8.如果我写个函数里var、let、const都用了，执行顺序会怎样9.如果我把一个对象的方法当成参数传出去再执行，会发生什么10.有一个页面，它加载特别慢，你该怎么排查11.你知道浏览器是多进程的是吧，如果我打开一个新tab，是新进程还是新线程？那页面崩了会不会影响其他tab12.项目中遇到一个跨域问题，接口访问正常但是前端拿不到数据，options请求也没有，原因可能是什么？你怎么排查13.用户刷新页面，有哪些缓存是会失效的14.你在xx系统中封装了弹窗组件，那我问你：如果这弹窗还要支持拖拽自定义footer、异步确认，怎么设计15.组件通信方式你都了解哪些？从父子到兄弟再到非嵌套组件全局通信Vue和React 的做法有区别吗16.现在给你一个数组里面全是整数但有一对数之和等于某个目标值你得返回所有满足条件的下标对，而且不能重复，你怎么写时间复杂度控制在O(n)以内17.现在有个嵌套JSON比如树状结构的菜单，里面包含任意层级的children，你能不能写个函数把它扁平化展开成一个平铺数组18.给你一个DOM树让你从根节点遍历，把所有节点的tagName 打印出来你会怎么做20.你现在在页面上使用fetch请求xx的一个接口，服务端没加 CORS header，结果你用Postman却能正常访问，为什么22.手撕：使用JS实现一个repeat方法function repeat (func, times, wait) {}，​const repeatFunc = repeat(alert, 4, 3000), 调用这个repeatedFunc("hellworld")会alert4次helloworld, 每次间隔3秒

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 跑出来提示资源加载过大，啥原因？