2021前端面试题-持续更新.pdf

这篇文档涵盖了前端开发面试中常见的知识点，包括BOM与DOM、HTML与CSS、JavaScript基础、异步编程、网络协议和HTTP缓存、HTTPS安全、Git版本控制等方面。下面将逐一详细解释这些知识点。 1. **BOM与DOM**： - BOM（Browser Object Model）主要涉及浏览器对象，如`history`、`location`、`document`等，用于管理浏览器窗口、页面跳转和用户交互。 - DOM（Document Object Model）是HTML和XML文档的结构化表示，允许通过JavaScript或CSS操作文档的结构、样式和内容。DOM节点包括元素节点、文本节点、属性节点等，常见的操作有获取、添加、删除和修改节点。 2. **HTML与CSS**： - CSS盒子模型描述了元素的尺寸，包括内容区域、内边距、边框和外边距。 - BFC（Block Formatting Context）用于布局计算，解决元素间的重叠问题。 - 标签语义化指使用恰当的HTML标签来表达内容的意义，提高可读性和可访问性。 - CSS3新特性包括动画、过渡、选择器增强、多列布局、Flexbox和Grid布局等。 3. **JavaScript基础**： - 闭包是一种特殊的作用域，能访问外部作用域的变量，即使在其外部作用域已不再存在。 - 数据类型包括基本类型（如字符串、数字、布尔值等）和引用类型（如对象），基本类型存储在栈中，引用类型存储在堆中。 - this的指向取决于函数调用的位置，可通过`call`、`apply`、`bind`等方法改变。 - 异步编程通常涉及回调函数、Promise、async/await等。 - AJAX（Asynchronous JavaScript and XML）用于在后台与服务器交换数据，实现页面局部刷新。 4. **网络协议和HTTP**： - TCP三次握手确保连接的可靠性，而四次挥手释放连接。 - HTTP基于TCP是因为TCP提供可靠的数据传输，而HTTP是无状态的应用层协议。 - HTTP/2引入了多路复用、头部压缩、服务器推送等特性，解决了HTTP/1.x的队首阻塞问题。 - HTTPS通过SSL/TLS加密，提供安全的数据传输，但可能带来额外的计算开销。 5. **HTTP缓存**： - 缓存可以提高响应速度，减少服务器压力，通过HTTP缓存策略如Etag、Last-Modified等实现。 - Service Worker提供离线存储和缓存能力，改善网络性能。 - HTTP状态码如200（成功）、404（未找到）、304（未修改）等表示请求的处理结果。 6. **Git**： - Git常用命令包括`clone`、`add`、`commit`、`push`、`pull`等。 - 解决Git冲突通常需要手动编辑冲突文件，然后提交解决后的版本。 - `git rebase`用于整理提交历史，可以用来撤销或修改提交。 面试准备时，理解并掌握这些知识点至关重要，它们构成了前端开发者的基础技能，也是面试中常被问到的问题。同时，实践操作和实际项目经验同样重要，能够加深对理论知识的理解，并提升问题解决能力。