广州某公司面试题及其答案

野性酷女 2022-03-12 02:36 314阅读 0赞

**描述一下渐进增强和优雅降级**

> **渐进增强：** 针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。（从被所有浏览器支持的基本功能开始，逐步地添加那些只有新式浏览器才支持的功能，向页面添加无害于基础浏览器的额外样式和功能。当浏览器支持时，它们会自动地呈现出来并发挥作用。）  
> **优雅降级：** 一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。（Web站点在所有新式浏览器中都能正常工作，如果用户使用的是老式浏览器，则代码会检查以确认它们是否能正常工作。由于IE独特的盒模型布局问题，针对不同版本的IE的hack实践过优雅降级了，为那些无法支持功能的浏览器增加候选方案，使之在旧式浏览器上以某种形式降级体验却不至于完全失效。）  
> **区别：** 优雅降级是从复杂的现状开始，并试图减少用户体验的供给，而渐进增强则是从一个非常基础的、能够起作用的版本开始，并不断扩充，以适应未来环境的需要。

**CSS 中可以让文字垂直和水平方向上重叠的两个属性是什么？**

> **垂直方向：** line-height  
> **水平方向：** letter-spacing

**如何解决使用 inline-block 引起的空白间隙的问题？**

> **原因：** 标签和标签之间使用了空格或换行符，空白字符也是字符，也会引用CSS样式  
> **方法一：** 消除换行符  
> **方法二：** 设置父元素的font-size为0，在子元素重新设置字体大小  
> **方法三：** 去掉闭合标签（不推荐）  
> **方法四：** 给父元素 设置font-size：0 ；letter-spacing：-3px ，子元素重新设置font-size

**使用 CSS 创建一个三角形（一个箭头向右的三角图标）**

> 这里是引用

**使用 CSS 实现三个 div 等比排列在一行，两列宽度固定中间自适应。**  
**有一个长度为 100 的数组，请求出该数组的前 10 个元素之和。**  
**写一个程序打印 1 到 100 这些数字，遇到数字为 3 的倍数，打印 “A” 替代该数字；遇到 5 的倍数，用 “B” 代替；遇到即是 3 的倍数又是 5 的倍数，打印 “AB”**  
**跨域通信有哪些方案，各有什么不同？**  
**哪些常见操作会造成内存泄漏？**

**主流前端框架如 Angular/React/Vue 等之间有哪些差异及特点，选取一个描述其组件生命周期。**