字节跳动前端一面

# 计算机基础
1. OSI七层模型。
2. HTTP DNS FTP TCP UDP IP分属于哪些层。
3. TCP连接和断开的过程。三次握手和四次挥手的过程。
4. !(A || B)逻辑非结合进括号后的值是什么？
# HTML / CSS
5. 一个不知道高宽的元素全屏居中实现方式。
6. position有哪些值？
7. 阅读如下代码，说出结果。
```html
<div style="height: 10px; width: 100px; display: flex;">
<div style="background: red; flex: 1 1 0px;"></div>
<div style="background: green; flex: 2 2 0px;"></div>
<div style="background: blue; flex: 0 0 10px;"></div>
</div>
```
8. 有没有什么自己觉得比较偏，同时又很好用的属性可以分享一下的。
# JavaScript
9. 用过哪些ES6 7 8 9 Next的特性。
10. JavaScript有几种基本数据类型。
11. let/const和var的区别。
```javascript
console.log(foo);
var foo = 123;
```
```javascript
console.log(foo);
let foo = 123;
```
12. 箭头函数和普通函数的区别。
13. Promise的三个状态之间的转换
14. for in和for of有什么区别？什么是可迭代对象。
15. Symbol.iterator是做什么的？
16. 阅读如下代码说出结果。
```javascript
const Foo = function () {};
const foo = new Foo();
console.log(foo.__proto__);
console.log(Foo.__proto__);
```
17. 阅读如下代码说出结果。
```javascript
setTimeout(function() {
console.log(1);
}, 0);
new Promise(function executor(resolve) {
console.log(2);
for( var i=0 ; i<1e4 ; i++ ) {
i == 9999 && resolve();
}
console.log(3);
}).then(function() {
console.log(4);
});
console.log(5);
```
# 浏览器 / HTTP
18. 跨域怎么处理？
19. 什么是CORS？
20. 什么是简单请求和复杂请求？
21. 常见的HTTP方法有哪些？
22. POST和PUT有什么区别？
22. 常见的安全问题。
# 框架 / 项目
23. computed和method有什么区别？
24. Vue的双向绑定的原理？
25. key是做什么用的？index是否可以作为key？
26. Diff算法的原理？
27. 介绍一下做过的项目，自己觉得最满意的是哪个，克服或者解决了其中有什么难点？
28. 前端发展很快，一般自己如何学习新技术？
# 编程 / 算法
29. DFS
```typescript
interface Node {
value: number;
left: Node;
right: Node;
}
function dfs1(root: Node): void {
// 先序遍历，递归实现。
}
function dfs2(root: Node): void {
// 先序遍历，循环实现。
}
```
#前端开发实习##前端工程师##实习##字节跳动##面经#