2021最新大厂前端面试宝典pdf

### HTML、CSS、浏览器相关知识点 #### 图片格式 在网络中常用的图片格式包括：JPEG（适合大尺寸图片）、PNG（适合有透明背景的图片）、GIF（适合简单图片和动画）、SVG（适合矢量图形）、WebP（支持无损和有损压缩，适合各种图片，但支持度待提高）。 #### CSS盒子模型 CSS盒子模型由边距（margin）、边框（border）、填充（padding）和实际内容（content）组成。浏览器按照从外到内的方式渲染元素，理解这个模型有助于布局和元素尺寸的控制。 #### CSS选择器 CSS选择器用于选取页面上的元素，包括元素选择器、类选择器、ID选择器、属性选择器等。属性选择器可以用来选取具有特定属性的元素，伪类选择器则用来选取处于特定状态的元素。 #### CSS布局 HTML5新增的语义化标签有`<header>`、`<footer>`、`<section>`、`<article>`等，它们能够帮助开发者更合理地组织网页内容。布局技术方面，Flexbox和Grid是两种强大的布局模式，提供了更加灵活的布局解决方案。 #### CSS3特性 Css3新增的特性包括了动画（`@keyframes`）、过渡（`transition`）、边框半径（`border-radius`）、阴影（`box-shadow`）、变换（`transform`）等。 #### 清除浮动 清除浮动的常用方式包括设置`overflow: auto`或`overflow: hidden`，使用伪元素，以及设置父元素的高度等。不同的方法有其适用场景和优点。 #### 定位 CSS定位包括静态定位（static）、相对定位（relative）、绝对定位（absolute）和固定定位（fixed），它们提供了灵活的布局控制手段。 #### 元素居中 元素居中有多种实现方式，包括使用定位和转换（如`position: absolute; left: 50%; transform: translateX(-50%)`），使用Flexbox布局等。 #### 兼容性处理 浏览器的兼容性处理包括了解不同浏览器对CSS特性的支持情况，使用条件注释、CSS前缀、以及polyfills等技术手段来兼容旧浏览器。 ### Javascript相关知识点 #### 基本数据类型 JavaScript的基本数据类型包括数字（Number）、字符串（String）、布尔（Boolean）、null、undefined和Symbol（ES6新增）。 #### Ajax使用 Ajax是异步JavaScript和XML的缩写，是实现前后端分离的关键技术之一。可以通过`XMLHttpRequest`对象或`fetch` API进行Ajax请求。 #### 闭包与内存泄漏 闭包是JavaScript中一个函数与包含此函数的词法环境的组合。闭包的使用会造成内存泄漏，特别是在循环创建闭包时，如果没有释放相关变量，会导致内存无法被回收。 #### 事件委托与冒泡 事件委托是利用事件冒泡原理来处理事件的技术，它可以减少事件监听器的数量，提高性能。 #### 存储机制 JavaScript的存储机制包括Cookie、localStorage和sessionStorage等。它们的存储容量、使用场景及作用域都有所不同。 #### ES6新特性 ES6（ECMAScript 2015）引入了大量新特性，包括`let`、`const`、模板字符串、箭头函数、解构赋值、`Promise`等。 #### HTTP协议 HTTP是无状态的应用层协议，支持客户端和服务器之间的通信。它的工作原理包括请求/响应模型、状态码以及请求方法（如GET、POST）。 #### 浏览器缓存机制 浏览器缓存机制包括强缓存和协商缓存，通过缓存可以减少网络传输的数据量，提高网页加载速度。 #### 浏览器加载过程 从输入URL到页面加载完成的过程包括DNS解析、TCP三次握手建立连接、发送HTTP请求、服务器处理请求、返回HTTP响应、浏览器渲染页面等步骤。 ### jQuery相关知识点 #### CSS预处理器 CSS预处理器如Sass和Less提供了变量、嵌套、混合等高级功能，可以提高CSS的编写效率和可维护性。 #### jQuery .call()与.apply() `.call()`和`.apply()`是JavaScript函数对象的方法，用来指定函数的`this`指向，并立即执行函数。区别在于参数传递方式不同，`.call()`接受的是一个参数列表，而`.apply()`接受的是一个包含多个参数的数组。 #### 跨域问题 跨域问题是由于浏览器的同源策略导致，只有当协议、域名、端口完全一致的情况下，浏览器才会允许AJAX请求进行交互。解决跨域的方法包括JSONP、CORS、代理服务器转发等。 #### 数组去重与拷贝 数组去重可以通过循环与条件判断，或者使用ES6的`Set`对象来实现。拷贝分为浅拷贝和深拷贝，浅拷贝可以通过扩展运算符等方式实现，而深拷贝较为复杂，需要递归复制所有层级的对象。 #### 事件流与委托 事件流描述的是事件从触发到被处理的传递过程，包括捕获和冒泡两个阶段。事件委托是利用事件冒泡原理在父元素上绑定事件监听器来处理子元素事件的技术。 以上知识点仅是2021最新大厂前端面试宝典中提到的一部分内容，通过系统的学习和复习，可以帮助应试者为前端开发岗位的面试做好充分准备。