字节前端

2020.09.06 字节前端笔试

• 单项选择 3*9
• 不定项选择 2*9
• 编程题 55 3道

---

font-size: 2em

em 值的大小是动态的。当定义或继承font-size属性时，1em等于该元素的字体大小。如果你在网页中任何地方都没有设置文字大小的话，那它将等于浏览器默认文字大小，通常是16px。所以通常1em = 16px。2em = 32px。 如果你设置了body元素的字体大小为20px，那1em = 20px、2em = 40px。那个2就是当前em大小的倍数。

em可以自动适应用户的字体，em是一个非常有用的CSS单位。

---

TCP/IP协议

ARP：地址解析协议（Address Resolution Protocol）
          用于通过 IP 来查找基于 IP 地址的计算机网卡的硬件地址。

RARP：反向地址转换协议（Reverse Address Resolution Protocol）
          用于通过 IP 查找基于硬件地址的计算机网卡的 IP 地址。

UDP：用户数据报协议 （User Datagram Protocol）

TCP：传输控制协议(Transmission Control Protocol)
         用于从应用程序到网络的数据传输控制

---

bloom fliter 布隆过滤器

---

跨域产生的原因及解决方法

原因：
出于浏览器的同源策略限制。同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。
同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。所谓同源（即指在同一个域）就是两个页面具有相同的协议（protocol），主机（host）和端口号（port）。

解决方法：
1.一级域名相同，二级域名不同的情况下，可以设置document.domain相同，就可以共享cookie
2.以iframe和window.open方法打开的窗口为例，有三种方法可以跨域
（1.url后#片段识别符携带传递参数 通过hashchange方法进行通知
（2.window.name 不论同源只要在同一个窗口设置了这个属性就可以传参，容量大，但是需要额外监听
（3.window.postMessage 是H5引入的新的API，window.postMessage(data，target地址)
（4.通过上面的方法也可以读写其他窗口的localStorage
3.AJAX跨域
（1.JSONP通过script（该标签无同源限制）向服务器发起请求，需要指定一个回调函数，服务端会将该数据放在回调函数里。只能发送get请求，优点是简单适用、支持所有的浏览器，对服务端改动非常小
而必须设置回调函数是因为作为一个scripts标签获取的js脚本是需要被执行的，如果是纯数据的话无法执行会报错
（2.webSocket 是一种通信协议，不实行同源策略，在请求头中有origin属性标记了请求源，缺点是需要支持webscoket的服务器才支持。
（3.CORS 整个通信过程 都是浏览器自动完成的，不需要用户进行参与，当浏览器发现XMLHTTPRequest或原生fetch请求，会自动附加一些头信息，有时会进行一次附件的预检请求。（简单请求和非简单请求）
(https://www.jianshu.com/p/c68d404a3ab9)