2022年前端大厂面试必备.pdfVIP

2022年前端大厂面试必备(一) 一一、、HTML/CSS篇篇 1、请你说一下 Web Worker和 WebSocket的作用 【【仅仅供供参参考考】】 Web Worker的作用如下： （1）通过 worker= new Worker （url）加载一个 JavaScript文件，创建一个 Worker，同时返 回一个 Worker实例 （2）用 worker.postMessage （data）向 Worker发送数据 （3）绑定 worker.onmessage接收 Worker发送过来的数据 （4）可以使用 worker.terminate()终止一个 Worker的执行 WebSocket的作用如下 它是Web应用程序的传输协议，提供了双向的、按序到达的数据流 它是HTML5新増的协议， WebSocket的连接是持久的，它在客户端和服务器之间保持双工连接，服务器的更新可以及时推 送到客户端，而不需要客户端以一定的时间间隔去轮询 2、什么是文档的预解析？ （浏览器解析过程） 【【仅仅供供参参考考】】 Webkit 和 Firefox 都做了这个优化，当执行 JavaScript 脚本时，另一个线程解析剩下的文 档，并加载后面需要通过网络加载的资源 这种方式可以使资源并行加载从而使整体速度更 快 需要注意的是，预解析并不改变 DOM 树，它将这个工作留给主解析过程，自己只解析外部 资源的引用，比如外部脚本、样式表及图片 3、href 与 src区别？ 【【仅仅供供参参考考】】 href (Hypertext Reference)指定网络资源的位置，从而在当前元素或者当前文档和由当前属 性定义的需要的锚点或资源之间定义一个链接或者关系 （目的不是为了引用资源，而是为了 建立联系，让当前标签能够链接到 目标地址 ） src source （缩写），指向外部资源的位置，指向的内容将会应用到文档中当前标签所在位 置 href与src的区别 请求资源类型不同：href 指向网络资源所在位置，建立和当前元素 （锚点）或当前文档 （链 接）之间的联系 在请求 src 资源时会将其指向的资源下载并应用到文档中，比如 JavaScript 脚本，img 图片； 作用结果不同：href 用于在当前文档和引用资源之间确立联系；src 用于替换当前内容； 浏览器解析方式不同：当浏览器解析到src ，会暂停其他资源的下载和处理，直到将该资源加 载、编译、执行完毕，图片和框架等也如此，类似于将所指向资源应用到当前内容 这也是为 第1/27页 什么建议把 js 脚本放在底部而不是头部的原因 4、iframe的优缺点？ 【【仅仅供供参参考考】】 优点： 解决加载缓慢的第三方内容如图标和广告等的加载问题 Security sandbox 并行加载脚本 缺点： iframe会阻塞主页面的Onload事件 即时内容为空，加载也需要时间 没有语意 5、HTML5如何实现跨域？ 【【仅仅供供参参考考】】 在服务器端设置允许在其他域名下访问，例如允许所有域名访问以下内容 response.setHeader （Access-Control-Allow-Origin，*）； response.setHeader （Access-Control-Allow-Methods，POST）； response.setHeader （Access-Control-Allow-Headers，x-requested-with, content- type）； 6、页面可见性 （Page Visibility）API 可以有哪些用途 【【仅仅供供参参考考】】 1、通过visibility state的值得检测页面当前是否可见，以及打开网页的时间 2、在页面被切换到其他后台进程时，自动暂停音乐或视频的播放 7、cookie和 session的区别是什么？ 【【仅仅供供参参考考】】 区别如下： （1）cookie数据存放在客户的浏览器上， session数据存放在服务器上 （2）cookie不是很安全，别人可