前端工程师面试题手册.pdf

知识点： 1. HTTP和HTTPS：HTTP是超文本传输协议，是互联网上应用最广泛的网络协议。HTTPS是HTTP的安全版本，通过SSL/TLS层在HTTP的基础上提供加密处理，保证数据的安全传输。 2. TCP三次握手：TCP是一种面向连接的、可靠的、基于字节流的传输层通信协议。TCP三次握手是指建立一个TCP连接时，需要客户端和服务端总共发送三个包，是一种协商确认方式，用于同步双方的序列号和确认号，并交换TCP窗口大小信息。 3. TCP和UDP的区别：TCP是面向连接的、可靠的流协议，适用于要求可靠传输的应用，如文件传输、邮件传输等。UDP是无连接的、不可靠的数据报文协议，适用于一些对实时性要求较高，但对数据准确性要求不高的应用，如网络电视等。 4. WebSocket的实现和应用：WebSocket是一种在单个TCP连接上进行全双工通信的协议。WebSocket连接允许服务器主动发送信息给客户端，实现即时通信，被广泛应用于网页聊天、在线游戏等领域。 5. HTTP请求的方式：HTTP有多种请求方式，包括GET、POST、HEAD、PUT、DELETE、OPTIONS等。HEAD方式是与GET方法类似，但它仅返回响应头，不返回实际的响应内容。 6. 图片URL访问后直接下载的实现：可以通过在img标签的src属性设置目标图片的URL，然后监听图片的onload事件，当图片加载完成后，通过创建一个a标签并设置其href属性为目标图片的URL，并设置download属性，然后触发a标签的click事件来实现图片的直接下载。 7. web Quality（无障碍）：web Quality是关于网页无障碍访问的知识，包括让网页对残障人士友好访问的相关技术。 8. BOM属性对象方法：BOM（Browser Object Model）是指浏览器对象模型，包括了window对象、location对象、history对象等，这些对象提供了操作浏览器窗口和导航历史的接口。 9. HTML5 drag api：HTML5 drag api提供了一套拖放功能的API，使用户可以拖动网页元素到另一个位置，常用于网页文件上传、拖动排序等功能。 10. http2.0：HTTP/2.0是一种用于互联网的HTTP网络协议，它主要基于Google开发的SPDY协议。HTTP/2.0主要目标是减少加载时间，提高网络使用效率，改善用户体验。 11. 补充400、401、403状态码：400状态码表示服务器无法理解请求的格式，服务器未能处理请求。401状态码表示请求未经授权，需要进行身份验证。403状态码表示服务器拒绝执行请求。 12. fetch发送2次请求的原因：fetch发送2次请求的原因可能是因为fetch默认不发送或接收cookie，需要设置credentials选项为omit、same-origin或include。 13. Cookie、sessionStorage、localStorage的区别：Cookie是服务器通过Set-Cookie响应头设置在用户浏览器上的键值对数据，通常用于存储登录凭证等信息。sessionStorage是存储在浏览器内存中的数据，只在同一浏览器窗口或标签页中有效。localStorage是存储在本地硬盘中的数据，跨浏览器窗口和标签页都有效。 14. web worker：web worker是HTML5提供的多线程技术，允许Web应用运行后台线程，主要用于复杂的计算，不会影响到用户界面的交互。 15. 对HTML语义化标签的理解：HTML语义化是指使用合适的HTML标签来表示其内容，使得网页的结构清晰，方便搜索引擎、阅读器等工具进行解析和理解。 16. iframe是什么及缺点：iframe是一种内联框架，用于在网页中嵌入另一个网页。iframe的缺点包括可能导致网页加载速度变慢，不利于搜索引擎优化，存在安全风险等。 17. Doctype的作用，严格模式与混杂模式如何区分：Doctype声明用于告诉浏览器使用哪种HTML或XML文档类型规范来解析网页。严格模式（strict mode）是遵循标准的解析模式，混杂模式（quirks mode）是向后兼容旧浏览器的解析模式。 18. Cookie如何防范XSS攻击：Cookie防范XSS攻击的方法包括设置HttpOnly属性，使得JavaScript无法访问Cookie；设置SameSite属性，防止跨站请求伪造攻击；对Cookie进行签名，确保数据不被篡改等。 19. Cookie和session的区别：Cookie是存储在客户端的一种机制，Session是存储在服务器端的一种机制。Cookie的主要用途是存储用户身份信息，Session的主要用途是存储用户会话信息。