前端基础常见面试题

1. CDN说法错误的是?

  • A: Content Delivery Network,即内容分发网络,通过各地部署的多套cache的静态镜像服务节点,通过空间来换取时间。
  • B: 用户向源站域名发起请求时,请求会被调度至最接近用户的服务节点,直接由服务节点直接快速响应,有效降低用户访问延迟,提升可用性。
  • C: CDN加速优点是成本低,速度快。适合访问量比较小的网站。

答:C

CDN加速优点是成本低,速度快。适合访问量比较大的网站。

2. JS 支持哪些数据类型? (多选)

  • A: Undefined
  • B: Math
  • C: Number
  • D: Int
  • E: Null
  • F: Boolean
  • G: String
  • H: Symbol
  • I: Object

答:A、C、E、F、G、H、I

JS 支持的数据类型:Undefined、Null、Boolean、String、Symbol、Number、Object、BigInt。

3. Attribute 和Property说法错误的是?

  • A: Attribute——提供关于元素的更多细节,如id、类型、值等。
  • B: Property —— 分配给属性的值,如type =“text”,value ='Name’等。
  • C: Attribute就是dom节点自带的属性,例如html中常用的id、class、title、align等。
  • D: Attribute是这个DOM元素作为对象,其附加的内容,例如childNodes、firstChild等。

答:D

Property是这个DOM元素作为对象,其附加的内容,例如childNodes、firstChild等。

4. DOM与BOM说法错误的是?

  • A: BOM 即浏览器对象模型,BOM没有相关标准,BOM的最核心对象是window对象。
  • B: window对象既为javascript访问浏览器提供API,同时在ECMAScript中充当Global对象。
  • C: DOM即文档对象模型,DOM是W3C标准,DOM的最根本对象是(window.),这个对象实际上是window对象的属性。
  • D: DOM和文档有关,这里的文档指的是浏览器使用文档。

答:D

DOM和文档有关,这里的文档指的是网页,也就是html文档。

5. 雪碧图(CSS Sprites)主要用到的属性有? (多选)

  • A: background-image
  • B: background-size
  • C: background-repeat
  • D: background-position

答:A、B、D

background-size设置图标大小、background-image设置雪碧图、background-position设置图标位置。

6. js 数组改变自身数据方法? (多选)

  • A: splice
  • B: pop
  • C: slice
  • D: join
  • E: sort

答:A、B、D

slice/join不改变自身数据方法。

7. 浏览器与内核对应错误的是?

  • A: Webkit:Safari
  • B: Blink(Webkit fork): Chromium/Chrome、Edge
  • C: Gecko:Opera
  • D: Trident:IE、Edge(旧)

答:C

Gecko:Firefox

8. 下列哪个会引起重绘? (多选)

  • A: 浏览器窗口尺寸改变
  • B: 页面渲染初始化
  • C: 修改color,backgroud等展示相关属性
  • D: 元素尺寸改变

答:A、B、C、D

重绘不一定引起重排,但重排一定会引起重绘

9. 下列哪个会引起重排 (多选)

  • A: 添加或者删除可见的DOM元素
  • B: 修改border-radius,box-shadow等展示相关属性
  • C: 修改color,backgroud等展示相关属性
  • D: 浏览器窗口尺寸改变

答:A、D

重排: 页面初始化、引起的盒子变化、添加或者删除可见的DOM元素、元素位置改变、元素尺寸改变、元素内容改变(例如:一个文本被另一个不同尺寸的图片替代)、页面渲染初始化(无法避免)、浏览器窗口尺寸改变、读取CSS相关属性也会触发重排:clientHeight、clientLeft、offsetHeight、innerText…

10. CSS性能优化说法正确的是? (多选)

  • A: 不要使用@import
  • B: 减少使用性能消耗较大属性,如box-shadow/border-radius/filter/透明度/:nth-child等。
  • C: 去除无用CSS
  • D: 文件压缩
  • E: 异步加载CSS
  • F: 内联首屏关键CSS

答:A、B、C、D、E、F

猜你喜欢

转载自blog.csdn.net/uperficialyu/article/details/128776805
今日推荐