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

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

渐进增强： 针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。（从被所有浏览器支持的基本功能开始，逐步地添加那些只有新式浏览器才支持的功能，向页面添加无害于基础浏览器的额外样式和功能。当浏览器支持时，它们会自动地呈现出来并发挥作用。）
优雅降级： 一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。（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 等之间有哪些差异及特点，选取一个描述其组件生命周期。