字节前端日常一面面经

1. 介绍自己怎么学习前端，平时怎么学习的；2. 怎么平衡学校事务和实习的；3. 聊AI，聊跨端，聊互联网；4. 对AI做了哪些探索；5. 聊key的作用，没有key可以嘛；6. 事件循环；7. HTTP、HTTPS是对称加密还是非对称加密；8. 后面忘了...反正都答上来了；9. 算法题(唉，算法一坨，面字节也是因为算法一坨)；    - 给定一个字符串，去除所有不相邻的重复字符，相邻的重复字符保留。       输入："aacbad"、        输出: "aacbd"       byd，没做出来，唉    - 换了一道hhh，有效括号反问：1. 具体做的事情，交易方向，很适合我巴拉巴拉；2. 美团如何All In AI的；3. 美团基建做的怎么样；4. 说我底子很好(好在哪我请问了？)。

首先自我介绍；问项目；（会围绕项目引出一些基础八股）react的fiber;是否存在跨域，引出跨域的解决办法？肯定不能让用户来配置，还有什么办法解决跨域？或者怎么解决？proxy代理是配置在什么文件中？js是单线程还是多线程？浏览器是多线程还是单线程？从请求数据到拿到数据，页面的渲染有哪些事件？宏任务？微任务？useState过程属于宏任务还是微任务？dom挂载渲染是宏任务还是微任务？gpu加速原理？浏览器渲染机制；react中的useCallback和useMemo的区别？http1.0/http2.0的区别？http2.0和http3.0的区别？本地存储的方法？重排和重绘？如何避免没必要的...

面试官没开摄像头，面试时间就30min，感觉是老程序员，和字节、美团这些厂的面试官还是有些差距的，不过功底很深。1. 问实习经历；2. 实习时Webpack优化3. 大文件上传；4. this指向；5. 原型链 constructor重写的影响；6. 事件循环；7. 后面忘了...反正都是问js基础，比较简单。。反问：1. 海康做的事情，我理解海康不是纯互联网公司；2. 组织架构，回答有200多个前端；3. 技术栈：vue2...  老Angular。

字节跳动Data AML部门前端实习一面面经本次面试时长1小时，主要涵盖项目经历、技术原理、基础知识和算法编程等方面，具体内容如下：一、项目经历面试官首先询问了实习项目相关内容，围绕项目背景、技术实现、遇到的问题及解决方案展开交流，考察对实际项目的参与度与理解深度。二、Suspense原理及实现1. 原理：Suspense 是 React 用于处理异步渲染的组件，可在数据加载或组件渲染完成前展示加载指示器，提升用户体验。2. 实现方式：被问到在 useEffect 中存在 fetch 请求时，如何让顶层组件感知组件存在异步请求。回答可通过 React Context 实现信息透传，但存在更优方案，可从 React 的新特性或状态管理库角度进一步优化 。三、JS基础1. var、let和const的区别：var 存在变量提升，会导致变量在声明前可被访问；let 和 const 具有块级作用域，更加安全。2. var逐渐被弃用原因：var 没有块级作用域，在复杂代码中容易引发变量覆盖等意外问题，使用 let 和 const 可避免此类风险，提高代码的可读性和稳定性。四、CSS基础1. 三列瀑布布局（两边固定，中间自适应）：纯CSS可通过浮动或绝对定位实现；使用flex布局更优雅，flex: 1 表示该元素会自动分配剩余空间。2. flex常用属性：主要涉及主轴和横轴方向设置，如 flex-direction 定义主轴方向；常用的居中属性包括 justify-content: center（主轴居中）和 align-items: center（交叉轴居中） 。3. CSS动画：通过 animation 属性实现，配合关键帧 @keyframes 定义动画的起始和结束状态、变化函数（如线性变化）以及时间等参数。animation 在渲染进程的合成线程执行，不会阻塞JS执行，效率较高。五、算法编程题1. 合并有序链表// 定义链表节点结构function ListNode(val, next) {    this.val = (val === undefined? 0 : val);    this.next = (next === undefined? null : next);}var mergeTwoLists = function(l1, l2) {    const dummy = new ListNode(0);    let current = dummy;    while (l1 && l2) {        if (l1.val < l2.val) {            current.next = l1;            l1 = l1.next;        } else {            current.next = l2;            l2 = l2.next;        }        current = current.next;    }    current.next = l1 || l2;    return dummy.next;};2. 二叉树寻找公共父节点（节点有parent指针）function lowestCommonAncestor(p, q) {    const set = new Set();    while (p) {        set.add(p);        p = p.parent;    }    while (q) {        if (set.has(q)) {            return q;        }        q = q.parent;    }}3. 实现sum函数curry化