超全！超详细！2023大 厂 前端面试题手册

HTML、CSS、浏览器 相关 ................................................................... 1

1.网络中使用最多的图片格式有哪些 ............................................................................................. 1

2. 请简述 css 盒子模型 ................................................................................................................... 1

3.视频/音频标签的使用 ................................................................................................................... 2

4.HTML5 新增的内容有哪些 .......................................................................................................... 2

5.Html5 新增的语义化标签有哪些 ............................................................................................... 3

6.Css3 新增的特性 ............................................................................................................................ 3

7.清除浮动的方式有哪些？请说出各自的优点 ............................................................................. 5

8.定位的属性值有何区别 ................................................................................................................. 6

9.子元素如何在父元素中居中 ......................................................................................................... 6

10.Border-box 与 content-box 的区别 ....................................................................................... 7

11.元素垂直居中 ............................................................................................................................... 8

12. 如何让 chrome 浏览器显示小于 12px 的文字 ..................................................................... 8

13.Css 选择器有哪些，那些属性可以继承，优先级如何计算？Css3 新增的伪类有哪些 ..... 8

14.网页中有大量图片加载很慢 你有什么办法进行优化？ ...................................................... 10

15.行内元素/块级元素有哪些？ ................................................................................................... 10

16.浏览器的标准模式和怪异模式区别？ .................................................................................... 11

17.Margin 和 padding 在什么场合下使用 ................................................................................ 12

- 1 - 18.弹性盒子布局属性有那些请简述? .......................................................................................... 12

19.怎么实现标签的禁用 ................................................................................................................ 12

20.Flex 布局原理 ............................................................................................................................ 12

21. Px，rem，em 的区别 ............................................................................................................ 13

22.网页的三层结构有哪些 ............................................................................................................ 13

25.常见的兼容性一阶段内容中记几个 ........................................................................................ 13

26.垂直与水平居中的方式 ............................................................................................................ 14

27.三栏布局方式两边固定中间自适应 ........................................................................................ 14

28.Doctype 作用 ............................................................................................................................ 14

29.说一下 HTML5 drag api ........................................................................................................ 15

30 对 HTML 语义化标签的理解 ................................................................................................. 15

31.web 性能优化 ........................................................................................................................... 15

32.浏览器缓存机制 ......................................................................................................................... 15

33.浏览器输入网址到页面渲染全过程 ........................................................................................ 16

34.画一条 0.5px 的线 .................................................................................................................. 16

35.关于 JS 动画和 css3 动画的差异性 .................................................................................... 17

36.双边距重叠问题（外边距折叠） ............................................................................................ 17

37.浮动清除 ..................................................................................................................................... 18

38.CSS 选择器有哪些，优先级呢 ............................................................................................. 18

39.css 动画如何实现 ..................................................................................................................... 19

40.如何实现元素的垂直居中 ........................................................................................................ 19

41.CSS3 中对溢出的处理 ............................................................................................................. 20

- 2 - - 3 -

42.对 CSS 的新属性有了解过的吗？ ......................................................................................... 20

43.overflow 的原理 ...................................................................................................................... 20

44.css 定位 ..................................................................................................................................... 21

Javascript 相关 ................................................................................................................... 23

1.Js 基本数据类型有哪些 .............................................................................................................. 23

2.Ajax 如何使用 .............................................................................................................................. 23

3.如何判断一个数据是 NaN ......................................................................................................... 24

5.闭包是什么？有什么特性？对页面会有什么影响 .................................................................. 24

6. Js 中常见的内存泄漏： ............................................................................................................. 25

7.事件委托是什么？如何确定事件源（

Event.target 谁调用谁就是事件源） .................... 25

8.什么是事件冒泡？ ....................................................................................................................... 26

9.本地存储与 cookie 的区别 ........................................................................................................ 26

10.ES6 新特性 ................................................................................................................................. 28

11.Let 与 var 与 const 的区别 ..................................................................................................... 28

12.数组方法有哪些请简述 ............................................................................................................ 28

13.Json 如何新增/删除键值对 ............................................................