京东Web前端高频面试题及详细参考答案（真实面试专用）.docxVIP

京东Web前端高频面试题及详细参考答案（真实面试专用）

本套题目整理自京东零售、京东科技前端历年校招、社招真实面试真题，覆盖初面、复面高频考点，包含基础理论、框架应用、工程化、网络安全、手写代码、项目实战六大核心板块。答案贴合面试官打分标准，语言简洁务实，无冗余话术，适配面试口述与笔试作答。

一、CSS高频面试题

1、margin和padding的核心使用场景与区别

参考答案：

核心区别是作用对象不同，margin是元素外部间距，padding是元素内部间距。

margin用于控制元素与其他元素之间的距离，属于外部留白，不会改变元素自身可视尺寸，支持负值，可实现元素偏移、居中、重叠效果，常用于页面布局、模块间距调整。

padding用于控制元素内容与自身边框的距离，属于内部留白，会撑大元素整体尺寸（盒模型为标准盒模型时），不支持负值，常用于按钮、卡片、输入框的内边距适配，优化内容展示间距。

日常开发中，统一用margin做外部布局间距，padding做内部内容留白，避免混用导致布局错乱。

2、前端常用的元素居中方案及优缺点

参考答案：

常用三种主流方案，适配不同业务场景：

1.绝对定位居中：父级relative，子级absolute；设置top:50%、left:50%、transform:translate(-50%,-50%)。优点是适配不定宽高