虾皮4.23前端笔试

选择全靠蒙，编程题好简单啊

1. Web Worker和Service Worker

参考https://segmentfault.com/a/1190000045082568#item-1

Web Workers 和 Service Workers 是两种在Web开发中处理后台任务和离线缓存的重要技术。

Web Worker 是一种在浏览器中运行的 JavaScript 线程，主要用于执行后台任务，以避免阻塞主线程。Web Worker 在应用程序中运行独立的 JavaScript 文件，不会影响页面的性能。它可以用于处理大量计算或执行长时间运行的任务，例如数据分析和图像处理，而不会导致页面无响应。Web Worker 可以通过 postMessage() 方法向主线程发送消息，但无法访问 DOM 元素。

Service Workers 是一种更高级的机制，主要用于离线缓存、网络请求拦截和推送通知Service Worker 则是一种在浏览器中运行的脚本，用于拦截和处理网络请求、管理缓存等。Service Worker 可以在网络请求到达时拦截它们，并使用缓存策略来响应用户的请求，以便在离线或网络不佳的情况下提供更好的用户体验。Service Worker 还可以通过监听消息事件来接收来自其他脚本的消息，并执行相应的操作。与 Web Worker 不同，Service Worker 可以在必要时访问和修改 DOM 元素。

2 子网掩码
3 正则表达式

4 5 + '3' '3' + 5

53
53

5 TCP/IP 网络模型
6 事件冒泡和事件捕获

冒泡：事件由内到外地执行，事件流默认处于冒泡状态
捕获：事件由外到内地执行

1. 阻止事件冒泡

addEventListener('click',(e)=>{
	e.stopPropagation()//或
	//e.cancelBubble = true
	fn()
})

2. 设置事件为捕获

事件流会优先执行捕获事件，然后按照冒泡顺序执行冒泡事件

addEventListener('click',()=>{
	fn()
},true)

7 Web缓存
8 Cookie安全问题
Cookie设计初衷在于维持状态 不用于存储数据
浏览器发起http无状态请求
服务器带上Cookie返回
浏览器带上Cookie发起新的请求

生成Cookie的方法

1. 服务器生成，在Http Response Header 中Set-Cookie
2. 服务端生成，通过document.cookie设置

9 闭包会增加内存消耗吗
9 localhost和127.0.0.1有哪些相同点和不同点
访问localhost不需要联网