京东前端一面面经

1.大文件分片上传的原理，如何分片，断点续传，如何记录上传进度2.useEffect和useLayoutEffect的区别3.vue2和vue3的区别4.响应式如何做的5.选项式api和组合式api的区别6.组合式api有什么缺点7.diff算法原理8.vue和react的diff算法的区别9.vue2和vue3的diff算法的区别10.jwt登录机制11.http请求有哪些12.同源策略是什么13.跨域方法有哪些14.CORS的头部字段是什么15.jsonp原理16.除了script;标签，哪些标签可以跨域17.为什么使用proxy代理服务器可以跨域18.数组浅拷贝的方法有哪些19.闭包的使用场景20.webpack打包优化21.loader选型22.为什么使用jwt23.Object.prototype.a = 10;var obj = {b: 20};Object.defineProperty(obj, 'c', {enumerable: false,value: 30,});for (let k in obj) {console.log(k);}输出是什么var obj {24.对应的this指向问题：普通函数调用箭头函数调用方法调用嵌套普通函数箭头函数调用解构赋值后调用}输出是什么

1.实习介绍2. 你刚刚提到项目里用了泛型，那你能不能具体说说这个泛型是怎么根据传入类型去适配不同处理函数的3. interface 和 type 的区别4. keyof、in、typeof、infer 分别在实际工作中你是怎么用的5. 假如我们封装一个表单组件，要求字段名必须是后端返回字段的一部分，怎么处理6. 回流和重绘区别7. 浏览器加载一个页面时，整个渲染流程8. 做骨架屏时，怎么判断骨架内容和真实内容之间的切换时机9. 移动端怎么做适配10. async 函数在执行栈中的位置是怎么样的11. Promise.all 和 Promise.allSettled 的区别12. jS 是单线程，为什么可以实现并发加载多个接口？13. setTimeout 和 requestAnimationFrame 哪个更精确14. 帧率监控你们是怎么做的15. 小程序渲染卡顿时怎么优化16.H5 页面嵌入小游戏时，遇到过页面内存持续上涨吗？怎么解决的？17.手撕：给定一个数组代表股票每天的价格，请问只能买卖一次的情况下，最大化利润是多少？日期不重叠的情况下，可以买卖多次呢？

1.实习介绍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 跑出来提示资源加载过大，啥原因？21.手撕：数组中第k个最大元素

需求规格 基本功能：LRUCache(int capacity) 初始化缓存容量int get(int key) 如果key存在则返回value，否则返回-1void put(int key, int value) 如果key已存在则更新，否则插入当缓存达到容量时，put操作应淘汰最久未使用的key性能要求：get和put操作的时间复杂度应为O(1)考虑线程安全扩展要求（根据面试时间）：支持过期时间（TTL）支持持久化到磁盘支持统计信息（命中率等）