发面经攒人品1. 有区别吗？```jsx// a.jsexport default () => "Hello medium"export const name = "fatfish"//b.jsimport * as data from "./a.js"console.log(data)import data from "./a.js"console.log(data)```2. vue react常见组件的写法：手写倒计时3. css居中的方法4. 如果预览代码造成样式或变量污染，需要增加沙箱环境，你会怎么解决？5. 你知道哪些常见的样式隔离或变量隔离的方法？其他全是问项目，能不能提前实习，为什么学前端之类的

自我介绍怎么进行学习介绍项目遇到的难点怎么解决的不用echarts怎么实现图表流式数据输出css实现动画的方式水平垂直居中localstorage和sessionstorage区别在浏览器输入url到页面渲染出来的过程重绘重排的概念与区别CSS 中哪些属性会触发 GPU 加速？？？（好像是这个问题）js的异步加载怎么做、执行顺序以及区别事件循环常见的宏任务微任务有哪些常见的导致内存泄漏的场景浏览器的回收机制强缓存和协商缓存以及各自的属性有哪些http1.0和2.0区别elementui按需加载怎么实现的vue组件间通信vue响应式功能怎么实现的，怎么做到的监听vue的生命周期以及各个生命周期做...

📍面试公司：字节跳动一面（已挂）❓面试问题：1.为什么选择前端这个岗位？2.介绍一个你觉得有挑战或有收获的项目/功能点，以及遇到的问题和解决方案。3.微前端主要是为了解决什么问题？4.介绍一下 Promise？5.Set 和 Map 的区别？6.HTTP 和 HTTPS 的区别？7.介绍一下 CSS 的盒子模型？8.浏览器中的线程和进程的区别？9.v-if 和 v-show 的区别？10.了解哪些打包构建工具？它们是如何优化体积的？手撕：1.数组转树状结构：将一个带有 id 和 parentId 的扁平对象数组转换成树形结构。2.快排🙌面试感想：表述逻辑不清楚；不自信，回答不是很顺畅（原因：菜狗）

预定：无，实际：~47 min* 自我介绍* 你是如何学习前端的* 介绍实习业务* Javascript 里有哪些基本数据类型* 介绍 forEach、map、filter、reduce* 手撕：用 reduce 实现 flatten* 介绍 Promise.all、allSettle、race* 手撕：实现 Promise.allSettle* 介绍跨域* 发生跨域时的表现是什么* 如何解决跨域* 浏览器如何判断是否跨域* 介绍 Cookie* 如何安全地使用 Cookie// 还有几个忘记了，想起来再补充* 反问EOF