秋招结束 | 24前端

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

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

一面 手撕45min1.获取ul下每个li标签的值并打印2.分别用递归和栈方法数组嵌套，实现函数扁平化 [1, [2, [3, 4], 5], 6] 输出[1, 2, 3, 4, 5, 6]3.下划线转驼峰命名法（拆分遍历和正则分别实现）实习拷问20min二面实习拷打50min手撕力扣160 相交链表

百度前端一面面经面了一坨websocket和sse的区别单工和双工通信长轮询的弊端重排的优化（犯傻了，理解成数据重排的优化）什么情况下触发重排懒加载优化和原理懒加载的应用懒加载的配置http通信实时手撕 axios 请求，校验当前 token 是否过期。过期，会返回 403 错误。重新请求新的 token，每次请求中都带上新的 token。（好像是这样的？） 太多了撕到一半没撕完太紧张了理解错好多面试官的意思