京东前端一面面经

攒人品求oc。一面以基础为主，二面是问简历上的东西10.18  一面  45min自我介绍1. css常见定位方式2. relative和absolute3. 怎么实现一个三列布局（coding）4. 怎么实现第二列内容自适应（coding）5. typeof，typeof一个function返回什么6. 响应式布局怎么做7. Object.keys和for in遍历差别8. 看代码讲输出，讲为什么```javascriptconst obj = {name: '',age: 18,};Object.defineProperty(obj, 'id', {value: 1,enumerable: false});Object.prototype.sex = 1;for (const key in obj) {console.log(key);}```9. 模块化开发规范，esm和commonjs10. 跟后端开发过程中怎么合作11. 用过什么调试工具12. 移动端怎么调试13. 安卓跟ios显示不一样怎么调试14. 跨域怎么解决15. 手撕- 防抖- 给l1=[3, 6, 5], l2=[2, 4, 3, 7], 返回[5, 0, 9, 7]。数组长度不一定16. requestAnimationFrame作用17. websocket心跳怎么做的，心跳断了之后怎么处理的18. webpack配过什么东西19. 两段实习的实习时间10.23  二面  60min自我介绍1. 挑一个实习中的需求讲一下（追问得很细）2. agent工作流是做什么的，怎么定制，举例搭一个agent工作流3. 微前端4. 性能优化5. 虚拟列表怎么实现（等高和不等高）6. xss和ddos7. http和https8. ca是什么9. 手撕- 静态loading图片实现loading.gif的状态（css animation属性）- 实现字符串的trim方法

自我介绍sessionstorge 和localstorge的区别是什么为什么用sessionstorge 不用localstorge了解cookies是什么吗居中布局，绝对定位let const var的区别，变量提升是什么promise有哪些方法apply、bind、call的区别双等号和三等的区别事件循环typeof和instanceof的区别响应拦截器和请求拦截器中都封装了什么防抖和截流的区别反问面的咋样主要的业务整体面试20分钟左右，感觉还是很舒服的，问题比较基础，面试官很和蔼

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