前端面试题合集：HTML5、CSS3、JavaScript与浏览器知识

"合并面试题.pdf" 这是一份IT面试题集合，涵盖了前端开发和JavaScript的基础及进阶知识。以下是其中部分重点知识点的详细说明： ### HTML与CSS 1. **图片格式**：网络中最常用的图片格式有JPEG、PNG、GIF、SVG等。JPEG适合连续色调的图像，PNG支持透明度，GIF支持动画，SVG是矢量图，适用于图标和图形。 2. **CSS盒子模型**：CSS中的盒子模型包括内容（content）、内边距（padding）、边框（border）和外边距（margin），决定了元素的实际尺寸。 3. **HTML5新增内容**：如语义化标签（header, footer, section等）、离线存储（App Cache）、拖放功能、画布（canvas）、音频/视频标签（audio, video）等。 4. **CSS3新特性**：包括新的选择器、多列布局、渐变、阴影、过渡（transition）、动画（animation）、Flexbox和Grid布局等。 5. **清除浮动**：可以通过clear属性、overflow属性或使用clearfix类来解决元素因浮动导致的父元素高度塌陷问题。 ### CSS布局 1. **定位属性**：position属性有static、relative、absolute、fixed四种值，分别对应默认、相对定位、绝对定位和固定定位。 2. **居中布局**：可以使用margin: auto、display: flex或grid、text-align: center等方法使元素在父容器中居中。 3. **盒模型差异**：content-box是默认盒模型，border和padding不计入宽度和高度；border-box中，元素的总宽度和高度包括内容、padding和border。 4. **弹性盒子布局**：Flexbox允许灵活地调整元素的大小和位置，主要属性有flex-direction、justify-content、align-items等。 5. **媒体查询**：用于根据设备的物理特性（如宽度、高度、方向等）应用不同的CSS样式。 ### JavaScript 1. **基本数据类型**：包括undefined、null、boolean、number、string和Symbol（ES6新增）。 2. **Ajax使用**：通过创建XMLHttpRequest对象发送异步请求，实现页面无刷新更新数据。 3. **NaN检查**：isNaN()函数可以检查一个值是否为非数字，但null和undefined也会返回true，需特别注意。 4. **闭包**：闭包是指函数能够记住并访问其词法作用域内的变量，即使函数已经执行完毕。 5. **事件委托**：利用事件冒泡机制，将事件监听器添加到父元素上，处理子元素的事件，以提高性能。 6. **本地存储与Cookie**：localStorage和sessionStorage提供更大容量的本地存储，而Cookie主要用于服务器和客户端之间的交互，存储量较小且每次请求都会携带。 ### 其他概念 1. **BFC**：块级格式化上下文，是页面布局的关键，影响元素的垂直塌陷和浮动元素的行为。 2. **DOCTYPE**：声明文档类型，影响浏览器的渲染模式，标准模式和怪异模式下解析规则不同。 3. **浏览器内核**：主流浏览器的内核有WebKit（Safari、Chrome）、Gecko（Firefox）、Trident（IE/Edge）和Presto（已废弃，Opera曾使用）。 4. **Promise**：用于异步编程的对象，解决了回调地狱问题，提供了链式调用和状态管理。 这份面试题集合旨在测试开发者对HTML、CSS和JavaScript的深入理解和应用能力，覆盖了前端开发的基础和进阶知识，对于准备面试或巩固技能非常有帮助。