1. vue自定义指令的场景应用2. vue的v-if和v-for为什么不建议一起用3. vue的组件通信方法有哪几个4. 说一下keep-alive5. SPA首屏加载速度慢怎么办6. 实现弹性布局有几种方式7. css动画有没有做过8. 哪些操作会触发回流和重绘9. 用过哪些预处理器 sass10. sass和css有什么区别？11. css手写多吗12. css里用于计算的函数是什么13. 深拷贝和浅拷贝的区别14. 说一下对事件循环的理解15. 防抖和节流的区别16. 项目中遇到的难点，讲一下17. js中数字精度丢失的问题，怎么解决18. 构建工具的配置使用过吗？19. 数据存储的方式20. 如何保证按顺序渲染ui21. 讲一下快排（边写边讲

中午12点打电话约面, 约的下午2点, 全程40分钟上来先做两道算法, 然后面试官黑屏去做自己的事情了(浓浓的kpi味...)算法: 最长递增子序列 二叉树展开为链表八股:TCP和UDP最主要的区别讲一下滑动窗口进程和线程的区别和联系一个程序运行很慢,现在使用多线程和多进程的方式去优化,讲一下这两种方案的优缺点拷打实习js继承查找一个方法的顺序import和require的区别BFCURL到页面渲染过程vite和webpack的区别vite快的原因webpack相对于vite有什么优势面试体验一般,可能面试官刚睡醒没什么心情,交流的时候没什么反馈几乎是我单方面输出算法全a,八股基本都答出来了,...

1. markdown渲染自己如何实现，说一下思路2. 主题切换是如何实现的3. 切换时的localStorage持久化配置是干什么的4. 如果是动态的切换，根据时区去切换主题应该怎么实现（取Date.now()）5. 如果一直在这个页面上，那在切换的边界时间点，不进行刷新，如何去切换主题(设置监听，或者到时间服务器推送一个数据然后去切换）6. 有两个网址，一个主站，一个子站，主站变了主题如何将子站的主题也切换（用跨标签的通信方式）7. 如果不用跨标签通信呢？（面试官说用cookie）8. 你觉得Pinia的优点在哪，在项目中带给你觉得特别好的东西？（回答了组件间状态同步，面试官说这些localstorage也可以实现，又回答了composition api）9. 说一下原型，闭包，事件循环10. 说一下宏任务有哪些，微任务有哪些11. 基于axios实现一个类似中间件的请求方法，比如说有一个axios的封装，这个封装可以热插拔或者是基于插件的形式，能够针对黑产进行处理，或者对其他刷网站的行为进行处理，如何分别实现这两个插件和一个共同对这两个行为限制的插件12. 说一下图片懒加载是怎么优化的13. 还有其他实现图片懒加载的方式吗14. 怎么确定图片是有性能上的问题的15. 在开发中关注过哪些优化的指标16. 手撕一个拖拽dom的场景题

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