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

本文整理了web前端面试中的重点问题,包括position属性、前端性能优化、JSONP的工作原理、浏览器兼容性问题以及闭包的解释。了解这些问题有助于提升面试成功率,并为前端开发者提供实战指导。
摘要由CSDN通过智能技术生成

正在发愁如何成为一名开发工程师的同学,你们现在最需要做的就是除了看一些相关的面试题,还需要知道面试的一些技巧,在面试之前就了解好你即将要面试的企业,了解他们的文化,这样都可以让你的面试成功率大大的提高,今天针对一些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 页面的域上加载的)

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值