实习·字节·一面
截取自https://www.nowcoder.com/discuss/720364?source_id=discuss_experience_nctrack&channel=-1
预览：
* 自我介绍
* 介绍一个比较有亮点的项目中的难点
* DNS
* http和https，详细说一下https
* 0.1+0.2=？
* ES6箭头函数和普通函数的区别，给代码说明this指向
* var和let
* 几种异步方法，其区别
* 闭包
* css中伪类和伪元素的区别
* css实现垂直居中
* 代码：实现BFS
解析：
DNS
域名系统（英文：Domain Name System，缩写：DNS）是互联网的一项服务。它作为将域名和IP地址相互映射的一个分布式数据库，能够使人更方便地访问互联网。
特点：
- 分布式、层次数据库
- 根DNS服务器
- 顶级域DNS服务器
- 权威DNS服务器
- 本地DNS服务器（DNS缓存相关）
作用：如果只有一台DNS服务器，那么就要考虑由于通信量引起的带宽的问题，除此之外，若这台DNS服务器维护或者故障了，那么整个域名解析就瘫痪了，这称为单点故障，且如此庞大的数据库，维护也会异常艰难，分布式能解决这些问题。
- DNS缓存
将过去的DNS记录缓存在本地数据库中，再需要时拦截DNS请求并返回本地中的记录。
作用：和大多数缓存的意义一致，对用户改善时延效率，对服务器减少访问压力。
http和https，详细说一下https
http超文本传输协议，是一个基于请求与响应，无状态的，应用层的协议，常基于TCP/IP协议传输数据，互联网上应用最为广泛的一种网络协议,所有的WWW文件都必须遵守这个标准。设计HTTP的初衷是为了提供一种发布和接收HTML页面的方法,但现在其实能传任何类型的文件。
https=http+ssl，经由HTTP进行通信，利用SSL/TLS建立全信道，加密数据包。HTTPS使用的主要目的是提供对网站服务器的身份认证，同时保护交换数据的隐私与完整性。
-
0.1+0.2=？
反正不是0.3，这和JavaScript的底层浮点数存储机制有关。 -
ES6箭头函数和普通函数的区别，给代码说明this指向
执行环境不同，箭头函数的执行环境是上下文，普通函数的执行环境是直接调用函数的对象
上代码：
const obj = {
num: 10,
hello: function () {
console.log(this); // obj
setTimeout(function () {
console.log(this); // window
});
}
}
obj.hello();
var和let
变量提升：
console.log(a); //undefined
var a=1;
var a被提升到顶端，所以console.log能打印出a，不过此时还没被赋值，所以是undefined
console.log(a); //报错
let a=1;
暂时性死区：
if (true) {
// TDZ开始
tmp = 'abc'; // ReferenceError
console.log(tmp); // ReferenceError
let tmp; // TDZ结束
console.log(tmp); // undefined
tmp = 123;
console.log(tmp); // 123
}
上面代码中，在let命令声明变量tmp之前，都属于变量tmp的“死区”,且这里的tmp只在块中有效，而var会直接赋值到全局作用域。
几种异步方法，其区别
- callback
- Promise
- async
本质上都是回调，但是表现形式不同，第一种是嵌套，第二种是链式，第三种和普通函数的写法几乎一样。
闭包
闭包是指那些能够访问自由变量的函数。
从理论角度：所有的函数。因为它们都在创建的时候就将上层上下文的数据保存起来了。哪怕是简单的全局变量也是如此，因为函数中访问全局变量就相当于是在访问自由变量，这个时候使用最外层的作用域。
从实践角度：以下函数才算是闭包：
即使创建它的上下文已经销毁，它仍然存在（比如，内部函数从父函数中返回）
在代码中引用了自由变量
上文出自下，写的挺好的：
https://github.com/mqyqingfeng/Blog/issues/9
css中伪类和伪元素的区别
伪类本质上是为了弥补常规CSS选择器的不足，以便获取到更多信息；
伪元素本质上是创建了一个有内容的虚拟容器；
CSS3中伪类和伪元素的语法不同；
可以同时使用多个伪类，而只能同时使用一个伪元素；
css实现垂直居中
略
代码：实现BFS
---html
<div class="container">
<p></p>
</div>
<div class="container">
<p></p>
</div>
---CSS
.container {
overflow: hidden;
}
p {
width: 100px;
height: 100px;
background: lightblue;
margin: 100px;
}
这篇文BFS写的不错→https://zhuanlan.zhihu.com/p/25321647
网友评论