2024最新前端面试八股文【基础篇293题】

原创

已于 2024-05-22 13:00:18 修改 · 3.5k 阅读

·

7

·

CC 4.0 BY-SA版权

文章标签：

#前端 #八股文 #web前端 #前端面试 #web面试 #html #css

于 2024-05-22 10:00:00 首次发布

⼀、HTML、HTTP、web综合问题

1 前端需要注意哪些SEO

2 <img> 的 title 和 alt 有什么区别

3 HTTP的⼏种请求⽅法⽤途

4 从浏览器地址栏输⼊url到显示⻚⾯的步骤

5 如何进⾏⽹站性能优化

6 HTTP状态码及其含义

7 语义化的理解

8 介绍⼀下你对浏览器内核的理解

9 html5有哪些新特性、移除了那些元素？

10 HTML5 的离线储存怎么使⽤，⼯作原理能不能解释⼀下？

11 浏览器是怎么对 HTML5 的离线储存资源进⾏管理和加载的呢

12 请描述⼀下 cookies ， sessionStorage 和 localStorage 的区别？

13 iframe有那些缺点？

14 WEB标准以及W3C标准是什么?

15 xhtml和html有什么区别?

16 Doctype作⽤? 严格模式与混杂模式如何区分？它们有何意义?

17 ⾏内元素有哪些？块级元素有哪些？空(void)元素有那些？⾏内元

素和块级元素有什么区别？

18 HTML全局属性(global attribute)有哪些

19 Canvas和SVG有什么区别？

20 HTML5 为什么只需要写 <!DOCTYPE HTML>

21 如何在⻚⾯上实现⼀个圆形的可点击区域？

22 ⽹⻚验证码是⼲嘛的，是为了解决什么安全问题

23 viewport

24 渲染优化

25 meta viewport相关

26 你做的⻚⾯在哪些流览器测试过？这些浏览器的内核分别是什么?

27 div+css的布局较table布局有什么优点

28 a：img的alt与title有何异同？b：strong与em的异同？

29 你能描述⼀下渐进增强和优雅降级之间的不同吗

30 为什么利⽤多个域名来存储⽹站资源会更有效？

31 简述⼀下src与href的区别

32 知道的⽹⻚制作会⽤到的图⽚格式有哪些？

33 在css/js代码上线之后开发⼈员经常会优化性能，从⽤户刷新⽹⻚

开始，⼀次js请求⼀般情况下有哪些地⽅会有缓存处理？

33 ⼀个⻚⾯上有⼤量的图⽚（⼤型电商⽹站），加载很慢，你有哪

些⽅法优化这些图⽚的加载，给⽤户更好的体验。

34 常⻅排序算法的时间复杂度,空间复杂度

35 web开发中会话跟踪的⽅法有哪些

36 HTTP request报⽂结构是怎样的

37 HTTP response报⽂结构是怎样的

⼆、CSS部分

1 css sprite是什么,有什么优缺点

2 display: none; 与 visibility: hidden; 的区别

3 link 与 @import 的区别

4 什么是FOUC?如何避免

5 如何创建块级格式化上下⽂(block formatting context),BFC有什么⽤

6 display、float、position的关系

7 清除浮动的⼏种⽅式，各⾃的优缺点

8 为什么要初始化CSS样式?

9 css3有哪些新特性

10 display有哪些值？说明他们的作⽤

11 介绍⼀下标准的CSS的盒⼦模型？低版本IE的盒⼦模型有什么不同

的？

12 CSS优先级算法如何计算？

13 对BFC规范的理解？

14 谈谈浮动和清除浮动

15 position的值， relative和absolute定位原点是

16 display:inline-block 什么时候不会显示间隙？(携程)

17 PNG\GIF\JPG的区别及如何选

18 ⾏内元素float:left后是否变为块级元素？

19 在⽹⻚中的应该使⽤奇数还是偶数的字体？为什么呢？

20 ::before 和 :after中双冒号和单冒号有什么区别？解释⼀下这2个

伪元素的作⽤

21 如果需要⼿动写动画，你认为最⼩时间间隔是多久，为什么？（阿

⾥）

22 CSS合并⽅法

23 CSS不同选择器的权重(CSS层叠的规则)

24 列出你所知道可以改变⻚⾯布局的属性

25 CSS在性能优化⽅⾯的实践

26 CSS3动画（简单动画的实现，如旋转等）

27 base64的原理及优缺点

28 ⼏种常⻅的CSS布局

29 stylus/sass/less区别

30 postcss的作⽤

31 css样式（选择器）的优先级

32 ⾃定义字体的使⽤场景

33 如何美化CheckBox

34 伪类和伪元素的区别

35 base64 的使⽤

36 ⾃适应布局

37 请⽤CSS写⼀个简单的幻灯⽚效果⻚⾯

38 什么是外边距重叠？重叠的结果是什么？

39 rgba()和opacity的透明效果有什么不同？

40 css中可以让⽂字在垂直和⽔平⽅向上重叠的两个属性是什么？

41 如何垂直居中⼀个浮动元素？

42 px和em的区别

43 Sass、LESS是什么？⼤家为什么要使⽤他们？

44 知道css有个content属性吗？有什么作⽤？有什么应⽤？

45 ⽔平居中的⽅法

46 垂直居中的⽅法

47 如何使⽤CSS实现硬件加速？

48 重绘和回流（重排）是什么，如何避免？

49 说⼀说css3的animation

50 左边宽度固定，右边⾃适应

51 两种以上⽅式实现已知或者未知宽度的垂直⽔平居中

52 如何实现⼩于12px的字体效果

三、JavaScript

1 闭包

2 说说你对作⽤域链的理解

3 JavaScript原型，原型链 ? 有什么特点？

4 请解释什么是事件代理

5 Javascript如何实现继承？

6 谈谈This对象的理解

7 事件模型

8 new操作符具体干了什么呢?

9 Ajax原理

10 如何解决跨域问题?

11 模块化开发怎么做？

12 异步加载JS的⽅式有哪些？

13 那些操作会造成内存泄漏?

14 XML和JSON的区别？

15 谈谈你对webpack的看法

16 说说你对AMD和Commonjs的理解

17 常⻅web安全及防护原理

18 ⽤过哪些设计模式？

19 为什么要有同源限制？

21 javascript有哪些⽅法定义对象

22 常见兼容性问题?

23 说说你对promise的了解

24 你觉得jQuery源码有哪些写的好的地方

最低0.47元/天解锁文章

200万优质内容无限畅学

评论 15

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。