web前端开发面试题，都是整理出的精华

正在发愁如何成为一名开发工程师的同学，你们现在最需要做的就是除了看一些相关的面试题，还需要知道面试的一些技巧，在面试之前就了解好你即将要面试的企业，了解他们的文化，这样都可以让你的面试成功率大大的提高，今天针对一些web前端面试题，小编做出了一些整理，希望可以帮助到大家。

1、position包含几种属性?absolute和relative的区别?

static：默认状态、没有定位、正常流

inherit：从父元素集成position属性的值

fixed：生成绝对定位的元素(相对于浏览器窗口进行定位)

absolute：生成绝对定位的元素(相位与static定位以外的第一个父元素定位)

relative：生成相对定位的元素(相对于其正常位置定位)

absolute和relative区别：父元素的padding对relative的子元素布局有影响，absolute的子元素不受影响

2、前端性能优化

减少HTTP请求、使用内容发布网络、压缩组件、使用Expire头、JS放底部、CSS放顶部、避免CSS表达式等。

3、JSONP是什么?它是如何实现跨域的?为什么它可以实现跨域?

JSONP(JSON with Padding)是一个非官方的协议，它允许在服务器端集成Script tags返回至客户端，通过javascript callback的形式实现跨域访问。

由于同源策略的限制，XmlHttpRequest只允许请求当前源(域名、协议、端口)的资源，为了实现跨域请求，可以通过script标签实现跨域请求(因为同源策略不阻止动态脚本插入，并且将脚本看作是从提供 Web 页面的域上加载的)