常见前端面试题及详细答案.docxVIP

常见前端面试题及详细答案

一、基础必问（初级/中级通用）

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

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

HTML（超文本标记语言）：是页面的“结构骨架”，负责定义页面的内容和结构，比如标题、段落、图片、按钮等，只关注“有什么”，不涉及样式和交互，比如用div划分区域、h1定义标题。

CSS（层叠样式表）：是页面的“外观装饰”，负责美化HTML结构，控制元素的颜色、大小、布局、间距等，让页面更美观、更符合设计需求，比如设置字体大小、背景颜色、flex布局等，核心是“怎么显示”。

JavaScript：是页面的“交互灵魂”，负责实现页面的动态效果和交互逻辑，让页面“活”起来，比如点击按钮弹出提示、表单验证、数据请求、页面滚动效果等，核心是“做什么”。

简单总结：HTML搭骨架，CSS穿衣服，JavaScript赋予灵魂，三者协同才能实现一个完整、可用的前端页面。

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

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

1.内联样式（inlinestyle）：直接写在元素的style属性里，优先级最高，权重1000，比如divstyle=c