美团准备

1、在你的项目中，你是如何实现响应式的，用了哪些方法？

开发基于react的news移动端web app，采用CSS3的Media Query，以rem这种相对字体大小单位作为宽度单位，适配不同分辨率的设备，如iPhone 5S、iPhone 6、iPhone 6S，在css文件中设置html元素的font-size，然后内嵌@media，分别对不同宽度进行适配，如：

@media screen and (min-width:321px) and (max-width:375px ) {
    html{font-size: 50px;}
    .carousel {
        width: 375px;
    }
    .carousel img{
        width: 100%;
        height: 4rem;
    }
    .carousel .ant-carousel .slick-slider {
        padding-bottom: 25px;
    }
}

在index.html设置meta：

2、什么是同源策略。哪些情况下不是同源的。例如a.baidu.com 与 baidu.com。

同源是指协议、域名、端口相同，只要有一种不同就不是同源的。
举例来说，http://www.example.com/dir/page.html这个网址，协议是http://，域名是www.example.com，端口是80（默认端口可以省略）。
它的同源情况如下：

http://www.example.com/dir2/other.html：同源
http://example.com/dir/other.html：不同源（域名不同）
http://v2.www.example.com/dir/other.html：不同源（域名不同）
http://www.example.com:81/dir/other.html：不同源（端口不同）

所以a.baidu.com和baidu.com域名不同，它们不是同源的。
目前，如果非同源，有三种行为受限制。
（1） Cookie、LocalStorage 和 IndexDB 无法读取。
（2） DOM 无法获得。
（3） AJAX 请求不能发送。

3、跨域怎么办？知道JSONP吗？它是怎么获取服务器发送过来的数据的？

比如要共享Cookie，如果是二级域名不同，如a.xxx.com和b.xxx.com，则可以通过设置相同的document.domain='xxx.com' ，在A页面的脚本设置document.cookie = 'test=hello'，这时B页面就能读到该Cookie ：var cookie = document.cookie;

JSONP最大特点就是简单适用，但只能用于GET方法。其基本思想是：在页面动态添加一个