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