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

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

一、基础必问（入门级，几乎每场面试都会考）

1.请说说HTML、CSS、JavaScript三者的区别与联系

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

区别：

-HTML：负责页面的“结构”，相当于人的骨架，只定义内容是什么（比如标题、段落、图片），不负责样式和交互，比如div、p、img标签，只搭建页面框架。

-CSS：负责页面的“样式”，相当于人的衣服和妆容，用来美化HTML结构，控制元素的颜色、大小、布局、间距等，让页面更美观，比如设置字体大小、背景色、Flex布局。

-JavaScript：负责页面的“交互”，相当于人的动作和反应，让页面“活”起来，比如点击按钮弹出提示、表单验证、动态修改页面内容、请求后端数据等，实现页面与用户的互动。

联系：HTML搭建基础结构，CSS对结构进行美化，JavaScript为结构和样式添加交互逻辑，三者协同工作，才能构成一个完整、可用的前端页面。

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

答案：优先级核心原则——specificity（specificity值越高，优先级越高；值相同则后定义的覆盖前定义的），特殊情况：!important会强制提升优先级（不推荐滥用，会导致样式混乱）。

优先级从高到低排序（specificity值从大到小）：