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

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

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

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

答案：三者是前端开发的核心三要素，缺一不可，分工明确且协同工作。

HTML（超文本标记语言）是页面的“结构”，相当于房子的框架，只负责定义页面元素的语义和布局结构，比如标题、段落、图片、按钮等，不涉及任何样式和交互，仅确定“有什么”。

CSS（层叠样式表）是页面的“外观”，相当于房子的装修，负责美化HTML结构，控制元素的颜色、大小、间距、布局、动画等，让页面更美观、更符合设计需求，解决“看起来怎么样”的问题。

JavaScript是页面的“行为”，相当于房子的电器和控制系统，负责实现页面的交互逻辑、动态效果、数据请求与处理等，让页面“活”起来，解决“能做什么”的问题。

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

2.说说CSS选择器的优先级，以及常见的选择器类型

答案：CSS选择器优先级决定了当多个选择器作用于同一个元素时，哪个样式会生效，优先级从高到低依次为：

1.内联样式（style属性）：优先级1000，直接写在元素标签上，仅作用于当前元素，比如divstyle=color:red。

2.ID选择器（#id）：优先级100，通过元素的id属性匹配，一个页面中id唯一，