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

前端工程师面试题及详细答案

一、基础必考题（初级/中级，重点考察基础功底）

1.请说说HTML、CSS、JavaScript三者的关系，以及各自在前端开发中的作用

答案：三者是前端开发的核心三要素，缺一不可，分工明确且相互配合。

HTML（超文本标记语言）：是前端页面的“结构骨架”，负责定义页面的内容和结构，比如标题、段落、图片、按钮等元素，只关注“有什么”，不关注样式和交互。例如用div划分区域，input定义输入框，本质是给浏览器提供页面的基础结构信息。

CSS（层叠样式表）：是页面的“外观装饰”，负责美化HTML结构，定义元素的颜色、大小、布局、间距等样式，让页面更美观、更具可读性。例如设置字体大小、背景颜色、弹性布局，核心是解决“看起来怎么样”的问题，可通过内联样式、内部样式表、外部样式表三种方式引入，遵循层叠、继承、优先级的规则。

JavaScript：是页面的“交互灵魂”，负责实现页面的动态效果和交互逻辑，让页面“活”起来。例如点击按钮弹出提示、表单验证、数据请求、页面滚动效果等，核心是解决“能做什么”的问题，可操作HTML元素（DOM）、处理事件、与后端进行数据交互。

简单总结：HTML搭骨架，CSS做美化，JavaScript实现交互，三者协同才能完成一个完整的前端页面。

2.说说CSS选择器的优先级，以及常见的选择器类型（至少5种）

答案：CSS选择器优先级