2023前端最新面试题（全）.pdfVIP

一、HTML篇

1.xhtml和html有什么区别

2.行内元素有哪些？块级元素有哪些？空(void)元素有那些？行内元素和块级元素有什么区别

3.简述一下你对HTML语义化的理解？

4.标签上title与alt属性的区别是什么？

5.iframe的优缺点？

6.href与src？

7.什么是优雅降级渐进增强？

8.HTTP的几种请求方法用途？

9.HTTP状态码都有哪些？

10.DOCTYPE(⽂档类型)的作⽤？

11.前端需要注意哪些SEO？

12.script标签中defer和async的区别？

13.常用meta标签有哪些？

14.一次完整的HTTP事务是怎么一个过程?

15.HTTP和HTTPS区别？

16.HTTPS是如何实现加密？

17.img的srcset属性作用？

18.WEB标准以及W3C标准是什么?

19.HTML5的离线存储怎么使用？工作原理？

20.浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢?

21.label的作用是什么？

22.Canvas和SVG区别？

23.head标签有什么作用，其中什么标签必不可少?

24.严格模式与混杂模式如何区分?它们有何意义?

25.浏览器乱码的原因是什么？如何解决？

26.浏览器存储技术?

27.CSS定位方式？

28.尽可能多的写出浏览器兼容性问题？解决

29.HTML全局属性(globalattribute)有哪些

30.网页验证码是干嘛的，是为了解决什么安全问题

31.为什么利用多个域名来存储网站资源会更有效？

32.一个页面上有大量的图片（大型电商网站），加载很慢，你有哪些方法优化这些图片的加载，给用

户更好的体验。

33.web开发中会话跟踪的方法有哪些

34.title与h1的区别、b与strong的区别、i与em的区别

35.浏览器的内核有哪些？分别有什么代表的浏览器？

36.浏览器是如何渲染页面的？

37.TCP为什么需要三次握手和四次挥手

38.TCP三次握手

39.TCP四次挥手

40.data-属性的作用？

41.HTML5新特性？

42.webworker的理解？如何创建？

43.说下HTML5dragAPI

44.Http短轮询、长轮询

45.canvas绘图基础(直线，三角形，矩形，圆形)

46.TCP和HTTP区别？

二、CSS篇

1.介绍一下CSS的盒子模型？

2.css选择器？

3.css选择器优先级？

4.css中可继承属性？

5.垂直居中几种方式？

6.简明说一下CSSlink与@import的区别和用法？

7.rgba和opacity的透明效果有什么不同？

8.display的属性值及作用

9.display的block，inline和inline-block区别？

10.display:none和visibility:hidden的区别？

11.position的值，relative和absolute分别是相对于谁进行定位的？

12.隐藏元素的方法有哪些？

13.transition和animation区别？

14.伪元素和伪类区别？

15.对requestAnimationframe的理解

16.li与li之间有看不见的空白间隔是什么原因引起的?如何解决?

17.CSS3新特性

18.创建图片格式(简述)

19.画一条0.5px的直线？

20.calc,support,media各自的含义及用法？

21.px和em,rem区别？

22.1rem、1em、1vh、1px，vmin，vmax各自代表的含义？

23.CSS画一个三角形？

24.元素水平垂直居中

25