前端校招字节跳动面试第二篇

最新推荐文章于 2024-05-05 12:44:38 发布

原创最新推荐文章于 2024-05-05 12:44:38 发布 · 244 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#经验分享 #前端

Web前端专栏收录该内容

19 篇文章

订阅专栏

本文详细介绍了前端开发中的关键知识点，包括Flex布局的应用和方法，Promise的理解及并发控制，HTTP状态码301、302、304的含义，以及浏览器的渲染原理。同时，还探讨了Session与Cookie的区别，JS原型链的工作模式，箭头函数与普通函数的异同，并提供了一种在有序矩阵中查找特定数值的算法。通过这些内容，帮助开发者更好地准备面试和提升技术水平。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

参透[字节面试题：flex用法，应用场景](()

[](()6.flex分别有哪些方法用于容器和项目

同上

[](()7.promise以及对一组promise对象按顺序请求

参考[第十问:实现 mergePromise 函数，把传进去的数组按顺序先后执行，并且把返回的数据先后放到数组 data 中。](()

[](()8.讲一下设计模式

[](()9.http状态码301、302、304

301表示永久重定向（301 moved permanently），表示请求的资源分配了新url，以后应使用新url。

302表示临时性重定向（302 found），请求的资源临时分配了新url，本次请求暂且使用新url。302与301的区别是，302表示临时性重定向，重定向的url还有可能还会改变。

303 表示请求的资源路径发生改变，使用GET方法请求新url。她与302的功能一样，但是明确指出使用GET方法请求新url。

304 not modified 客户端发送附带条件的请求时（if-matched,if-modified-since,if-none-match,if-range,if-unmodified-since任一个）服务器端允许请求访问资源，但因发生请求未满足条件的情况后，直接返回304Modified（服务器端资源未改变，可直接使用客户端未过期的缓存）。304状态码返回时，不包含任何响应的主体部分。304虽然被划分在3xx类别中，但是和重定向没有关系。

[](()10.浏览器渲染原理

[字节面试题：详解浏览器工作原理](()

[](()11.session和cookies区别

Session是在服务端保存的一个数据结构，用来跟踪用户的状态，这个数据可以保存在集群、数据库、文件中；
Cookie是客户端保存用户信息的一种机制，用来记录用户的一些信息，也是实现Session的一种方式。

类似这种面试题，实际上都属于“开放性”问题，你扯到哪里都可以。不过如果我是面试官的话，我还是希望对方能做到一点——不要混淆 session 和 session 实现。

本来 session 是一个抽象概念，开发者为了实现中断和继续等操作，将 user agent 和 server 之间一对一的交互，抽象为“会话”，进而衍生出“会话状态”，也就是 session 的概念。

而 cookie 是一个实际存在的东西，http 协议中定义在 header 中的字段。可以认为是 session 的一种后端无状态实现。

而我们今天常说的 “session”，是为了绕开 cookie 的各种限制，通常借助 cookie 本身和后端存储实现的，一种更高级的会话状态实现。所以 cookie 和 session，你可以认为是同一层次的概念，也可以认为是不同层次的概念。具体到实现，session 因为 session id 的存在，通常要借助 cookie 实现，但这并非必要，只能说是通用性较好的一种实现方案。

[](()12.js原型链

所有的JS对象都有一个prototype属性，指向它的原型对象。当试图访问一个对象的属性时，如果没有在该对象上找到，它还会搜寻该对象的原型，以及该对象的原型的原型，依次层层向上搜索，直到找到一个名字匹配的属性或到达原型链的末尾。

[](()13.箭头函数和普通函数的区别

参考[第 7 题：箭头函数与普通函数（function）的区别是什么？构造函数（function）可以使用 new 生成实例，那么箭头函数可以吗？为什么？](()

[](()14.算法题：在行递增列递增的矩阵中查找整数x

在一个 n * m 的二维数组中，每一行都按照从左到右递增的顺序排序，每一列都按照从上到下递增的顺序排序。请完成一个函数，输入这样的一个二维数组和一个整数，判断数组中是否含有该整数。

示例:

现有矩阵 matrix 如下：

[

[1, 4, 7, 11, 15],

[2, 5, 8, 12, 19],

[3, 6, 9, 16, 22],