前端工程师面试题及答案.docxVIP

前端工程师面试题及答案

一、基础必考题（入门级，考察核心基础）

1.请说说HTML、CSS、JavaScript三者的关系和各自的作用

答案：三者是前端开发的核心三要素，缺一不可，分工明确。HTML负责“结构”，相当于网页的骨架，比如定义标题、段落、图片这些基础元素，决定页面有什么；CSS负责“样式”，给骨架添上外观，比如颜色、字体、布局，决定页面好不好看；JavaScript负责“交互”，让页面动起来，比如点击按钮跳转、表单验证、数据渲染，决定页面能做什么。简单说，HTML搭架子，CSS做装修，JS搞互动。

2.CSS选择器有哪些？优先级怎么计算？

答案：常用选择器分几类：

基础选择器：元素选择器（比如div、p）、类选择器（.class）、ID选择器（#id）、通配符（*）；

组合选择器：后代选择器（divp）、子选择器（divp）、相邻兄弟选择器（div+p）；

伪类选择器：:hover（鼠标悬浮）、:active（点击时）、:first-child（第一个子元素）、:nth-child(n)；

伪元素选择器：::before（元素前插入内容）、::after（元素后插入内容）。

优先级计算（从高到低）：!important（最高，慎用）ID选择器（权重100）类/伪类/属性选择器（权重10）元素/伪元素选择器（权重1）通配符。如果权重相同，遵循“后定义的覆盖