字节跳动-飞书

一面

手撕代码

1. 数字格式化问题

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

// 使用“,”分割整数部分，小数保留两位
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. 数据双向绑定的原理