---
url: https://sugarat.top/offer/sum-interview/20-spring/bytedance-fs.md
---

# 字节跳动-飞书

## 一面

### 手撕代码

1. 数字格式化问题

```js
// 使用“,”分割整数部分，小数保留两位
function transfer(num){
    // ...code
}
transfer(1234567890.23) // "1,234,567,890.23"
```

2. 垂直水平居中

要求：

* 固定容器，不固定子元素的垂直水平居中实现
* 子元素可能比父元素大,所以不能让子元素超过父容器的大小

TODO:补全codepen示例

3. 观察题

问题：

1. 解释这样效果形成的原因
2. 如果parent display:flex 又是什么情况?为什么

### 计算机网络

1. OSI七层模型分别是那些
2. 传输层有哪些那些协议
3. 网络层的ip协议作用是什么
4. TCP/UDP的不同之处
5. TCP的报文组成,有哪些头部代表什么
6. TCP如何检查到丢失了报文数据的
7. HTTP协议常用的请求头与响应头有哪些,分别是什么作用
8. HTTP常用请求方法有哪些
9. GET与POST区别
10. HTTP常用状态码有哪些,304与403的区别在哪里
11. 如何设置cookie
12. cookie有哪些属性
13. SameSite属性的值有哪些,分别有什么作用
14. 浏览器页面有哪些安全问题,如何防范
15. 设置CORS的字段有哪些

### JS

1. ES6的新增语法有哪些

### CSS

1. 元素层级关系,如何确定任意两个标签在屏幕上的谁层级更高

### VUE

1. 数据双向绑定的原理