字节跳动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化   

如题，整理了几个冬春期间的面经，还有几个懒得听了2025.1滴滴自我介绍可以介绍下项目吗项目难点CSS 水平垂直居中？border box 和 content box 区别BFC 相关？ 触发条件？JS 基本数据类型函数作用域看输出，函数原型链输出事件循环题目防抖和节流哈希路由和 history 路由浏览器输入 url 到展示经历了哪些流程类组件和函数组件的区别类组件生命周期？useEffect 和 useLayoutEffect 区别，哪个先执行？useMemo 和 useCallback 的区别？useMemo 的理解对于 react vdom 的理解？2025.2wxg2.10lc322...

1.讲一下Fiber2.React的事件委托机制怎么实现的3.冒泡和捕获区别是什么4.在原生js中如何阻止浏览器冒泡5.ES6新特性6.箭头函数和普通函数的区别7.FCP是什么 , 如何测量的 , 如果优化的8.业务项目有给真实用户使用吗9.GET和PUT请求的区别10.cookie怎么使用的 , 前端有办法获取到cookie吗 , ( 说一直在用jwt , 就不太了解 ) 那jwt的token放到哪里 , ( 用的是双token , 讲了一下双token各自存放的位置 )11.React的组件间通信代码输出12.var a= function () { this.b =3; }var c = new a();a.protorype.b = 9;var b = 7;a();问：console.log(b);  // 3console.log(c.b); // 3算法 / 手撕13.给一个数组 , 找出数组中出现次数最多的数字 , 可能不止一个 ( 思路挺顺的但报错了 , 最后也没看出来错在哪儿 )14.Promise.all反问1.业务2.多久出结果感觉问的挺常规的 , 没有想象中的深度拷打 , 基本都答出来了

2025.6.06 网易一面（凉经）1、谈谈项目的难点以及实现步骤2、项目中有用户优化吗？如何优化用户体验你有了解过吗？3、谈谈CSS的盒模型4、canvas了解哪一些用途？都用过什么？5、富文本编辑器marked库是怎么实现的？6、事件委托7、既然事件委托的原理是事件冒泡，那么有没有哪些事件不会冒泡？8、JS学习路径？9、有无关注最新的前端发展？在哪关注的10、反问2025.6.10 字节一面（凉经）1、CSS让元素水平垂直居中的方式？2、你谈到了flex布局实现，那么我这边有多个水平呈现的元素，我想让某个元素单独居中如何实现？3、React组件之间通信了解哪几个？（一共有四种啊，别和我一样...