面试总结篇——那些曾经不会的题

傷城~ 2022-06-14 02:07 192阅读 0赞

问题汇总：  
**1、跨域问题**  
**2、content-type**  
**3、html5语义化标签**

## 跨域问题 ##

**1、耳熟能详的cores**  
服务器设置`Access-Control-Allow-Origin`HTTP响应头之后，浏览器将会允许跨域请求

**2、HTML5新特性：postMessage**

someWindow.postMessage(message, targetOrigin);

参数解析：  
1、someWindow: 对接收信息页面的window的引用。可以是页面中iframe的contentWindow属性；window.open的返回值；通过name或下标从window.frames取到的值。  
2、message: 所要发送的数据，string类型。  
3、targetOrigin: 用于限制someWindow，“\*”表示不作限制。

示例：  
a.com/index.html中的代码：

b.com/index.html中的代码：

**3、可跨域的DOM**

所有具有src属性的HTML标签都是可以跨域的，包括< img >, < script >（JSONP）

## content-type ##

传送门：[https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Type][https_developer.mozilla.org_en-US_docs_Web_HTTP_Headers_Content-Type]

提交表单，使用Content-Type: multipart/form-data

## html5语义化标签 ##

包括：  
header, footer, hgroup, nav, aside, section, article, address

精讲可参见w3school

[https_developer.mozilla.org_en-US_docs_Web_HTTP_Headers_Content-Type]: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Type