2023 面试题

HTML + CSS

1.什么是 BFC ？如何触发？有何特点？如何解决 margin“塌陷”？

2.CSS 如何出来溢出？说一下 overflow 不同值的区别。

3.三栏布局有什么实现方式？

4.css calc 属性作用是什么？主要用于解决什么问题？

5.有一个固定长宽div，怎么实现在屏幕上垂直水平居中

6.描述一下渐进增强（progressive enhancement）和优雅降级（graceful degradation）

7.iframe 有哪些优点？哪些缺点？用它来解决过什么问题？

8.Google Chrome 如何支持大小小于 12px 的文字？

9.描述一下 css 盒子模型

10.HTML5 的特性有哪些？

11.CSS3 的特性有哪些？

12.如何实现水平居中？

13.如何实现垂直居中？

14.如何实现双圣杯布局？

15.CSS 中选择器的优先级？

16.CSS 权重如何计算？

17.HTML5 input 元素 type 属性有哪些？

18.CSS 中哪些属性可继承，哪些不可以？

19.CSS 单位中 px、em 和 rem 的区别？配合 font-size 如何计算？（移动端适配方案）

20.如何画一条 0.5px 的线

21.隐藏一个元素有哪些方法？display: none 与 visibility: hidden 与 opacity: 0 之间的区别？

22.position 的值有哪些，分别有什么特点？

23.什么是浮动，浮动会引起什么问题，有何解决方案？

24.line-height 和 height 的区别

25.设置一个元素的背景颜色，背景颜色会填充哪些区域？

26.inline-block、inline 和 block 的区别；为什么 img 是 inline 还可以设置宽高

Javascript

1、javascript 的数据类型有哪些？

2.javascript 有哪些引用类型？

3.如何判断 javascript 的数据类型？

4.怎么判断两个对象相等？

5.如何判断空对象？

6.强制类型转换、隐式类型转换分别是什么，列举场景说明。

7.创建函数的几种方式？

8.javascript 创建对象的几种方式？

9.列举宿主对象、内置对象、原生对象并说明其定义。

10.=== 和 ==的区别？

11.null，undefined 的区别

12.什么情况下会返回 undefined 值？

13.如何区分数组和对象？

14.多维数组如何降维？

15.怎么获取当前日期（年-月-日 时:分:秒）？

16.什么是类数组（伪数组），如何将其转化为真实的数组？

17.如何遍历对象的属性？

18.如何给一个按钮绑定两个 onclick 事件？

19.变量提升是什么？与函数提升的区别？

20.什么是作用域链？如何延长？

21.如何实现数组的随机排序？

22.dom 节点的 Attribute 和 Property 有何区别？

23.dom 结构操作怎样添加、移除、移动、复制、创建和查找节点？

24.什么是事件冒泡，它是如何工作的？如何阻止事件冒泡？

25.什么是事件捕获，它是如何工作的？

26.如何让事件先冒泡后捕获？

27、如何获取dom元素？ 怎们获取浏览器上所有DOM

• 递归获取

28、事件委托解决了什么问题？

• 事件源

29、ajax原理

30、支持哪些请求方法？ PUT? GET?

• get请求可以修改数据吗？

echarts

• 1、切换时，卡顿如何解决?

性能优化

1.做过哪些前端性能优化相关的事情？

2.要加载大量图片，你有哪些方法优化方案？

3.列表无限滚动，数据越来越多，页面卡顿，如何解决？

4.for（let i=0;i<1000000;i++）{console.log(i)} 如何优化？

5.谈谈你是如何判断网站的性能的？

6.解释一下，性能指标 FP FCP FMP，如何查看 。

7.谈谈浏览器的渲染过程，DOM 树和渲染树的区别。

8.一个页面从输入 URL 到页面加载显示完成，这个过程中都发生了什么。

研发流程

技术设计

1.设计文档需要涵盖哪些部分？

代码规范

1.谈谈 eslint

2.谈谈 commit message 规范

研发协同（Git）

1.git 的基本使用方法

2.git 工作流程

3.需要合并别人代码进来

4.需要切换分支

node

1、node和前端项目是如何解决跨域

2、egg和nest.js的理解以及区别

3、node是如何解决异步

vue

• 双向绑定和单向数据流
• 响应式原理，属性劫持什么时候触发？