2024年最全Dom（十七）Web通信，2024年最新面试必备资料

总结

为了帮助大家更好温习重点知识、更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。

内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。

包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。

前端面试题汇总

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

JavaScript

性能

linux

在跨域中，Web Message的角色就是将目标站点的资源传递给原站的，这是一种文档中独立的浏览上下文间的数据分享方式，且不会有DOM被暴露给恶意的跨站脚本的危险

浏览上下文，解释：就是将document对象呈现给用户的环境（所谓的环境就是例如标签页，窗口，iframe等）

实际上所谓的Web通信是有两种方式的：跨文档通信和通道通信，但是这两种通信都是基于messageEvent事件的

message事件对象

属性（只读）	定义
data	message的数据
origin	message的源，包含协议，域名和端口
lastEventld	当前消息事件的唯一标识符
source	原始文档窗口的引用，windowProxy对象
prots	MessageProt对象的数据

跨文档通信

文档智件的相互通信

示例

A页面

发送

B页面

这个示例就是将A页面中在input的输入，显示在B页面的DIV上，这就是文档之间的相互通信

跨文档通信使用的API就是postMessage方法

otherwindow.postMessage(message,targetOrigin[,transfer])

• otherwindow：窗口的引用

• message：将要被发送到其他window的数据

• targetOrigin：定义哪些窗口可以接收消息

总结

技术学到手后，就要开始准备面试了，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

[外链图片转存中…(img-JK0AfES2-1715642784290)]