web前端开发面试题

1、跨域请求

跨域是由浏览器的同源策略引起的，是指页面请求的url地址，必须与浏览器上的url地址处于同域上（即域名、端口、协议相同）。这是为了防止某个域名下的接口被其他域名下的网页非法调用，是浏览器对javascript施加的安全限制。

跨域请求的方式：
1、 jsonp：利用script标签的跨域能力跨域.
2、CORS（跨源资源共享 cross-origin-resource-sharing）在服务器端设置同源策略地址，在响应头上添加。
3、websocket（html5的新特性，是一种新协议）跨域、设置代理服务器（由服务器替我们向不同源的服务器请求数据）
4、iframe跨域
5、postMessage(包含iframe的页面向iframe传递消息)

2、前端性能优化

1、使用css sprites，可以有效的减少http请求数
2、使用缓存
3、压缩js，css文件，减小文件体积
4、使用cdn，减小服务器负担
5、懒加载图片
6、预加载css，js文件
7、避免dom结构的深层次嵌套
8、给DOM元素添加样式时，把样式放到类中，直接给元素添加类，减少重构，回流