本PDF为2021年针对各大厂商的前端工程师职位定制的专业面试指南,涵盖最新Web技术、框架应用及项目实战经验分享。
### HTML、CSS 和浏览器相关知识点
#### 图片格式
在网络环境中常用的图片格式包括:JPEG(适合大尺寸图像)、PNG(适用于有透明背景的图像)、GIF(适合简单的动画或静态图)以及SVG(矢量图形,支持缩放不失真)。此外还有WebP这种新兴格式,它提供无损和有损压缩选项,并且在不同设备上的显示效果良好。
#### CSS盒子模型
CSS盒子模型由四部分组成:边距(margin)、边界(border)、填充(padding)以及内容区域。浏览器根据从外到内的顺序来渲染元素,理解这个概念有助于实现精确的布局控制和尺寸调整。
#### CSS选择器
CSS的选择器用于定位页面中的特定元素,包括基本的标签选择、类名选择、ID选择等。属性选择器能够帮助开发者基于元素属性进行更精细的选择;而伪类则允许对处于特殊状态下的元素(如悬停或激活态)应用样式。
#### CSS布局技术
HTML5中引入了新的语义化标签,例如``用于头部信息、`