楼主现在就业感觉怎么样!
点赞 1

相关推荐

字节跳动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化   
查看11道真题和解析
点赞 评论 收藏
分享
本🐭的第一场面试,结果上来就是重量级,这个时候很多概念都不清晰,很多简单题回答不好,面完后狠狠复盘了一番~写了一些问题总结。1.背景介绍:自我介绍2.怎么看待前端可能被AI取代3.为什么学Vue没有学React技术问题:4.Vue的响应式是怎么实现的5.Vue组件是怎么通信的6.用pinia做全局的状态管理,跟直接写这种组件,比如说vue自带的一些状态的管理,他们的区别是什么7.为什么我们要用Promise- 追问:那你对这种异步编程是怎么理解的?为什么我们需要这种异步编程?它异步在哪里?8.那你觉得Promise和回调函数的区别是什么- 追问:比如说你请求一个接口,请求完之后可以传一个回调函数进去,让他接着处理后面那些逻辑。而Promis使用.then.catch这种方法。你觉得promise这种方法和回调函数直接把逻辑传进去最大的区别是什么9.讲讲XHR、fetch、axios的区别讲XHR是底层、fetch是更新用法、axios是封装- 追问:axios还有一个很明显的跟另外两个的区别- 没有回答出来,我说axios是基于promise的,面试官说fetch也是…- 正确答案:axios是浏览器和服务端都能用,fetch和XHR主要是在浏览器上用10.刚刚提到HTTP,那HTTP可以大概介绍一下吗?回答了TCP相关内容……面试官说http是基于TCP的封装,有自己的一套东西,比如说get、post这些http方法,比如说header这样的一个请求头的组成这些11.讲讲CSS的盒模型一顿输出,跑题了。12.讲讲inline-bolck和block的区别回答内部展示inline特性,外部展示block特性,宽高都可以设置。问宽度也可以设置?回答可以。13.flex和bolck的区别甚至忘记了“弹性盒”这个词,还在说什么主轴、纵轴14.CSS选择器有哪些?优先级是怎么样的?同时使用很多个选择器,优先级是怎么判断的15.JS有哪些数据类型?这些数据类型怎么在代码中进行判断?16.判断类型有哪些方法?17.es6相比es5多了有哪些语法18.箭头函数和普通函数的区别是什么回答1书写方式 2this指向- 19追问:似乎想让我说的是其他部分,难受我操的- 20追问:如果想改变普通函数的this指向,有哪些方法:call,apply,bind,有什么不同,bind的用法忘了- 21追问:箭头函数和普通函数还有一个比较重要的区别:没答上来,答案是箭头函数不能用作构造函数(忘记了。。。)22.常用的数组的方法有哪些?手撕:两数相加 梦的起点leetcode 1用对象(object/set)的话,可以把值当作key,先循环一次把数据存到对象里,key和value可以设成一样的值。然后再遍历一次,用目标值减去当前值,比如把2、7、11、15存到对象里后,遍历的时候计算9 - 2是否等于7,再去对象里用这个差值作为key查找,就能知道结果了。反问改进:因为你学习前端的时间比较短,目前很多概念理解得还不够深入,有些都混淆了。而且从刚刚答题情况看,你JS代码写得可能也比较少,像刚才那道题,JS写得多的话应该很快就能想到用对象来优化。所以我建议你先沉淀一下,不要着急练习项目。现在才刚起步,要把基础打牢。另外,我不太建议你现在学Vue,更推荐学react。像字节跳动,整个集团都主要用react开发,而快手、美团这些公司可能Vue用得更多,你可以根据自己未来想去的公司来选择。还有HTTP相关知识,和TCP的区别比较大,你要再多看看。剩下的就是建议你多看书,系统地学习,很多概念你还没抓住重点,回答问题时有时没讲到关键内容,却回答了一些边缘问题,之后可以复盘总结一下。
查看24道真题和解析
点赞 评论 收藏
分享
牛客网
牛客网在线编程
牛客网题解
牛客企业服务