网易游戏前端真实面试题（含详细口语化答案）.docxVIP

网易游戏前端真实面试题（含详细口语化答案）

一、HTML/CSS基础高频题（网易必问）

1、说说HTML语义化的意义，日常开发怎么用？

参考答案：语义化就是让标签自带含义，不用靠class猜结构。我日常开发不会通篇div，会用header、nav、main、section、footer这些标签。好处主要三点：一是可读性高，同事接手代码一眼能看懂页面结构；二是利于SEO，搜索引擎能精准识别页面模块；三是适配无障碍设备，读屏软件可以正常解析页面内容。游戏官网、活动页开发中我一直坚持这个写法。

2、块级、行内、行内块元素的区别？绝对定位元素能撑起父级高度吗？

参考答案：块级元素独占一行，宽高、内外边距都能设置，比如div、p；行内元素不独占行，宽高无效，只能改水平方向边距，比如span、a；行内块兼具两者特点，同行显示且可设置宽高，比如img、input。

子元素设置绝对定位无法撑起父元素高度。因为绝对定位会脱离标准文档流，父元素高度默认由标准流子元素撑起，脱离流的元素不会参与高度计算，这是开发游戏弹窗、悬浮按钮时经常遇到的场景。

3、BFC是什么？触发条件和实际应用场景？

参考答案：BFC就是块级格式化上下文，可以理解为一个独立的渲染隔离区域，内部元素布局不会影响外部。

常用触发条件：元素浮动、overflow不为visible、绝对定位、display为inline-block/