2023年11月25日发(作者：)

web前端⾯试题（全）

近来看到⽹上格式各样的web前端求职的⾯试题，接下来我⽤我的经验总结了⼀套在⾯试过程中⾼频率问到的⾯试题，希望能帮助各位求职

者在求职的过程中顺利通过，废话不多说，直接说题。。。

⼀、HTML5部分

1.说⼀下对css盒模型的理解

答：css盒⼦模型 ⼜称框模型 (Box Model) ，包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）

⼏个要素。

盒模型有两种：标准盒模型和IE盒模型。

标准盒模型中width和height指的是内容区域的宽度和⾼度，增加内边距、边框和外边距不会影响内容区域的尺⼨，但是会增加元素框的总

尺⼨；但在IE6浏览器的width不是内容的宽度，⽽是内容、内边距和边框的宽总和；IE的content部分包含了border和padding。

2. rem,px,em之间的关系和区别

答：px

实际上就是像素，⽤PX设置字体⼤⼩时，⽐较稳定和精确。

9. ::before和:after中双冒号和单冒号有什么区别

(这个不是常问的)

先解释⼀下这两个伪元素，本质上并不⽀持伪元素的双冒号（::）写法，⽽是忽略掉了其中的⼀个冒号，仍以单引号来解释，所以等同变相⽀持了::before

答：在before元素前⾯，after元素的后⾯插⼊内容（经典场景使⽤font-face⼩图标结合content:" "）

10. 说⼀下html5的离线储存

8. 说⼀下什么是垃圾回收

（补充：JavaScript 中的内存管理是⾃动执⾏的，⽽且是不可见的。我们创建基本类型、对象、函数……所有这些都需要内存。当不再需要某样东西时会发⽣什么?

JavaScript 引擎是如何发现并清理它?）

8.⽤jQuery如何获取标签内容

答：(element).html();

(element).text()/

9.⽤jQuery如何更换背景⾊

答：$(element).css({backgroundColor:”red”})

中，如何阻⽌事件冒泡和浏览器默认⾏为？

答：tDefault();opagation();

**11.(document).ready 对于⽀持DOMContentLoaded事件的浏览器，

(document).ready与window.onload有何区别？∗∗答：

会使⽤该事件，所有的节点渲染完毕，就执⾏,可以调⽤多次，不⽀持的就使⽤ onload事件

事件要等到所有的资源加载完毕，如图⽚，视频，js脚本等,只能绑定⼀次，后⾯绑定的覆盖前⾯所绑定的事件

12.列举jQuery的优势

答：兼容性处理，dom操作，获取元素简单，封装了ajax…

中 :odd :gt 这两种选择器的含义以及⽤法举例

:odd 匹配所有索引值为奇数的元素，从 0 开始计数 $(“div:odd”)

:gt(index) 匹配所有⼤于给定索引值的元素 $(“div:gt(2)”)

中，使⽤nth-child(3n+2)所选中的是以下哪些

nth-child（）匹配其⽗元素下的第N个⼦或奇偶元素

‘:eq(index)’ 只匹配⼀个元素，⽽这个将为每⼀个⽗元素匹配⼦元素。:nth-child从1开始的，⽽:eq()是从0算起的

2，5，8

中对于节点的操作有哪些（举出不少于8种）？写出含义以及⽤法。

动画效果的实现

答：$ele().animate({top:100},500)

四、 AJAX

1.如何实现局部内容和后台交互时的变化

XMLHttpRequest 2.0 新增了多种类型

post 请求：

18.如何将js对象转化成JSON字符串（ ）

22.浅谈⼀下如何避免⽤户多次点击造成的多次请求。

答：我们在访问有的⽹站，输⼊表单完成以后，单击提交按钮进⾏提交以后，提交按钮就会变为灰⾊，⽤户不能再单击第⼆次，直到重新加

载页⾯或者跳转。这样，可以⼀定程度上防⽌⽤户重复提交导致应⽤程序上逻辑错误。