跪在一面：回答字节跳动前端面试8道题，就像跟坐过山车样刺激！(1)

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Web前端全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip1024c （备注前端）

正文

面试挂掉有这么几种可能：

1、对方发现你不适合他们：比如对方想招一个带团队的，而你是做技术。遇到这种情况不要沮丧，这不是你的问题。我因为这个拒面的占50%（包括对方拒绝我，和我拒面对方）

2、Head Count 有限，他们选择了其他的人：遇到这种情况也不要沮丧，毕竟人外有人，而他们 Head Count 可能只有一个。如果你面试前能够和HR或工程师直接接触，也可以问问他们有多少 Head Count

3、真的是凭实力挂掉了：这个确实可以稍晚沮丧下，然后痛定思痛，反思反思自己是不是哪里需要查漏补缺，或是表达方法哪里有什么问题。

面试题归类

我结束面试后，把面试题分几大类总结出来整理成一份PDF文档，方便查找和学习，每道题下面都有详细的解析，需要前端字节跳动真题解析的小伙伴们直接点击这里领取

HTML

1. HTML5 有哪些新特性？

2. Doctype作⽤? 严格模式与混杂模式如何区分？它们有何意义?

3. 如何实现浏览器内多个标签页之间的通信？

4. ⾏内元素有哪些？块级元素有哪些？ 空(void)元素有那些？⾏内元 素和块级元素有什么区别？

5. 简述⼀下src与href的区别？

CSS

1. 请你讲一讲 CSS 的权重和优先级

2. 介绍 Flex 布局，flex 是什么属性的缩写：

3. CSS 怎么画一个大小为父元素宽度一半的正方形？

4. CSS实现自适应正方形、等宽高比矩形

5. 实现两栏布局的方式

6. 实现三列布局的方式

7. CSS 动画有哪些？

JavaScript 基础

1. 问：0.1 + 0.2 === 0.3 嘛？为什么？

2. JS 数据类型

3. JS 整数是怎么表示的？

4. Number() 的存储空间是多大？如果后台发送了一个超过最大自己的数字怎么办

5. 写代码：实现函数能够深度克隆基本类型

6. 事件流

7. 事件是如何实现的？

8. new 一个函数发生了什么

Vue框架

1. active-class是哪个组件的属性？嵌套路由怎么定义？

2. 怎么定义vue-router的动态路由？怎么获取传过来的动态参数？

3. vue-router有哪几种导航钩子？

4. scss是什么？在vue.cli中的安装使用步骤是？有哪几大特性？

5. mint-ui是什么？怎么使用？说出至少三个组件使用方法？

6. v-model是什么？怎么使用？ vue中标签怎么绑定事件？

7. axios是什么？怎么使用？描述使用它实现登录功能的流程？

8. axios+tp5进阶中，调用axios.post(‘api/user’)是进行的什么操作？axios.put(‘api/user/8′)呢？

9. 什么是RESTful API？怎么使用?

计算机网络基础

1. HTTP 缓存

2. HTTP 常用的状态码及使用场景？

3. 你知道 302 状态码是什么嘛？你平时浏览网页的过程中遇到过哪些 302 的场景？

4. HTTP 常用的请求方式，区别和用途？

5. 你对计算机网络的认识怎么样

6. 三次握手和四次挥手

算法

一、链表

二、字符串

三、数组问题

四、二叉树

五、排序算法

六、二分查找

七、动态规划

…

上面的题目都来自前端字节跳动真题解析资料，点击即可领取噢

面试官很nice，你需要准备的也真的很多！

学无止境，能有一次面试的机会，一定要去面，这样你才能知道，自己真的欠缺很多，要学的真的很多！

结尾

学习html5、css、javascript这些基础知识，学习的渠道很多，就不多说了，例如，一些其他的优秀博客。但是本人觉得看书也很必要，可以节省很多时间，常见的javascript的书，例如：javascript的高级程序设计，是每位前端工程师必不可少的一本书，边看边用，了解js的一些基本知识，基本上很全面了，如果有时间可以读一些，js性能相关的书籍，以及设计者模式，在实践中都会用的到。

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
不再深入研究，那么很难做到真正的技术提升。**

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）
[外链图片转存中…(img-ejXeGPv9-1713098269246)]

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！