2024年最新字节跳动前端岗位面试分享(已拿offer)(1),2024年最新最新Web前端面试合集

总结

  • 框架原理真的深入某一部分具体的代码和实现方式时,要多注意到细节,不要只能写出一个框架。

  • 算法方面很薄弱的,最好多刷一刷,不然影响你的工资和成功率😯

  • 在投递简历之前,最好通过各种渠道找到公司内部的人,先提前了解业务,也可以帮助后期优秀 offer 的决策。

  • 要勇于说不,对于某些 offer 待遇不满意、业务不喜欢,应该相信自己,不要因为当下没有更好的 offer 而投降,一份工作短则一年长则 N 年,为了幸福生活要慎重选择!!!

    开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

喜欢这篇文章文章的小伙伴们点赞+转发支持,你们的支持是我最大的动力!

  • TCP 的三次握手和四次挥手
  • promise 有哪几种状态
  • 手写一个 promise
  • 算法题:最长公共前缀
  • 算法题:多层数组嵌套降级
二面
  • 问项目的情况
    根据项目问了一点我的工作,接触前端有多久,在每个项目里学到了什么,没做项 目的时候学了什么,怎么学的这样的问题,然后开始就是实战写代码

  • css 实现
    给一个具体的需求写 html+css,需求大概是模块水平垂直居中对齐+不 定高,按文字自适应+带灰色遮罩+弹出动画

  • css 的动画怎么做

  • flex 有哪些常用标签

  • position 的属性影响

  • 具体实现,给一个 ul 下面插入 100 个 li 应该怎么插入,如何优化 dom 操作

  • 具体实现:有一个有一百万个 url 的数组,如何从这一百万个 url 里获得资源

  • 算法:判断链表内是否存在环

总体上字节的二面特别看重具体实现,会说思路不够,需要真正的写出可以实现 的代码来。一般算法就是 leetcode 的 easy/medium,不会太难,一些基本概 念也会挖的比较深,总体上说还是很有难度。

三面

之前都是先问基础,这次很难得的从一面就开始问项目了!

  • http 请求的几个常见方法
  • 说下 get 和 post 的区别
  • get 和 post 的具体应用场景和一些注意事项
  • 线程和进程的区别
  • 说下跨域
  • http 简单请求是什么意思
  • 浏览器缓存策略
  • TCP 和 UDP 的区别
  • 了解流媒体对 UDP 稳定性的优化处理吗
  • js 的基本数据类型
  • 哪些操作是异步的?
  • promise 的一些基本概念
  • async await 的一些用法
  • js 继承的几种方式
  • 排序算法的时间复杂度空间复杂度
  • 做个题,实现链表尾部插入新节点
  • 算法题:版本号判断
四面
  • 大概问了一些项目相关问题,比如印象比较深的技术点,怎么学习的和解决 的 balabala
  • css 的垂直居中和水平居中
  • css 选择器优先级
  • html 的 dom 树如何生成的
  • 小程序和 pc 页面有什么差异(因为项目里写了小程序)
  • 项目里的一些性能优化的点
  • 做个题,看代码是否能完成输出,如果不能就说下几个改的点(题太长了没记)
  • 代码实现:设计一个任务队列,有 on,trigger 和 off 方法,分别完成注册 事件触发回调,触发当前事件全部回调,和取消当前事件的任务队列的功能
hr 面
  • 看了我的投递记录发现我来字节面了这么多次问我这几次有什么进步,学了什么
  • 字节的面试体验怎么样
  • 有没有考研的打算,为什么?
  • 介绍一下简历上的三个项目,为什么要选这三个项目进行展示?
  • 在项目中学到了哪些东西,有什么心得体会
  • 怎么学习前端的,怎么规划未来学习
  • 小组合作中的压力怎么应对的,如果要面对失败会怎么调节
  • 大概什么时候可以来,可以来实习多久?

看了上面的面试题,下面也分享一些大佬搜集整理的前端面试题,上面的题目大多都有包含。PDF文档整理有很多,篇幅原因就不都列举出来了。

html

1,浏览器存储的方式有哪些
2,如何解决跨域的?
3,浏览器 cookie 和 session 的认识。
4,输入URL发生什么?
5,浏览器渲染的步骤
6,页面渲染优化
7,强制缓存和协商缓存
8,GET 和 POST 请求的区别
9,HTTP1.0 / 1.1 / 2.0 及HTTPS
10,介绍下304过程
11,HTTP 状态码
12,Web性能优化

css

1,盒模型
2,如何实现一个最大的正方形
3,一行水平居中,多行居左
4,水平垂直居中
5,两栏布局,左边固定,右边自适应,左右不重叠
6,如何实现左右等高布局
7,画三角形
8,link @import导入css
9,BFC理解

最后

其实前端开发的知识点就那么多,面试问来问去还是那么点东西。所以面试没有其他的诀窍,只看你对这些知识点准备的充分程度。so,出去面试时先看看自己复习到了哪个阶段就好。

这里再分享一个复习的路线:(以下体系的复习资料是我从各路大佬收集整理好的)

《前端开发四大模块核心知识笔记》

最后,说个题外话,我在一线互联网企业工作十余年里,指导过不少同行后辈。帮助很多人得到了学习和成长。

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

我意识到有很多经验和知识值得分享给大家,也可以通过我们的能力和经验解答大家在IT学习中的很多困惑,所以在工作繁忙的情况下还是坚持各种整理和分享。

https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)**

我意识到有很多经验和知识值得分享给大家,也可以通过我们的能力和经验解答大家在IT学习中的很多困惑,所以在工作繁忙的情况下还是坚持各种整理和分享。

  • 4
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值