它是HTTP/1.x的进化版本，旨在提高Web性能和效率。https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=43521d43a8e341f888324dd690363024▶▶多路复用: 在HTTP/2中，可以通过一个TCP连接同时传输多个请求和响应▶▶二进制分帧: HTTP/2将HTTP消息分割成更小的二进制帧进行传输，这些帧可以乱序发送并重新组装▶▶头部压缩: HTTP/2使用HPACK算法对头部字段进行压缩▶▶服务器推送: HTTP/2支持服务器主动推送数据▶▶流量优先级: HTTP/2允许开发人员为请求设置优先级，确保对于重要的请求和响应https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=43521d43a8e341f888324dd690363024

客户端和服务器首先通过【HTTP协议】进行握手，建立WebSocket连接。握手成功后，客户端和服务器可以通过发送【数据帧】进行实时通信。客户端可以使用JS提供的WebSocket API发送和接收消息，服务器也可以通过WebSocket API与客户端进行通信。在连接保持的时间内，客户端和服务器可以随时发送或接收消息，实现实时的双向通信。当通信结束时，可以通过关闭连接来终止WebSocket通信。#牛客解忧铺#https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=2d6077ad79aa408fb541e64c9f6e1ddf

WebSocket是一种【在单个TCP连接上】全双工通信的协议，它能够实现客户端和服务器之间的实时通信，能够提供更快、更稳定的通信效果。与传统的HTTP协议不同，WebSocket在握手阶段使用HTTP协议进行协商，然后在建立连接后，双方可以通过发送特定的数据帧进行实时通信。这种方式避免了每次请求都要建立和关闭连接的开销，提高了通信的效率。#牛客解忧铺#https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=2d6077ad79aa408fb541e64c9f6e1ddf

跨域请求指的是在浏览器中跨不同域名、端口或协议进行网络请求的情况。由于浏览器的同源策略限制，JavaScript在跨域情况下无法直接访问其他域名下的数据。#打卡#https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=2d6077ad79aa408fb541e64c9f6e1ddf要解决跨域问题，可以采用以下几种方法：⭕JSONP（JSON with Padding）：JSONP是一种利用script标签可以跨域请求资源的技术。服务器返回的数据需要放在一个函数调用中，浏览器通过动态创建script标签来请求资源，并执行返回的函数。⭕CORS（Cross-Origin Resource Sharing）：CORS是一种现代浏览器支持的解决跨域请求问题的机制。服务器在响应中设置一些头部信息，告诉浏览器该资源是否允许跨域访问。⭕代理服务器：可以设置一个代理服务器，将前端的请求发送到同源的代理服务器上，由代理服务器再发送跨域请求，并将返回结果返回给前端。⭕WebSocket：使用WebSocket可以在浏览器与服务器之间建立一个长连接通信管道，绕过浏览器的同源策略限制。需要根据具体的场景选择合适的解决方案。

在面向对象编程（Object-Oriented Programming，简称 OOP）中，类（Class）和对象（Object）是重要的概念。https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=f508aa441de14f96bd98f92ea1470b38#推荐一个前端面试专栏#类： 类是一种抽象的模板或蓝图，描述了一类对象共同的属性和行为。比如你喜欢甜美类的女孩子或者运动系的男孩子。那么长得甜美或者爱好运动的男孩子可以归为一类。对象： 对象是类的实例，根据类的定义创建的具体实体。比如你喜欢的某个人，ta有具体的名字和性别，爱好，年龄等

封装提供了信息隐藏和模块化的特性，使得对象能够更好地管理和保护自己的数据；继承提供了代码重用和类之间的关系构建的机制，使得代码更加模块化和可维护；多态提供了灵活性和可扩展性，使得代码能够以一种通用的方式操作多种不同类型的对象。https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=f508aa441de14f96bd98f92ea1470b38#推荐一个前端面试专栏#

在 JavaScript 中，有几种方式可以创建对象：对象字面量（Object Literal）： 使用花括号 {} 来创建一个对象，并在其中定义属性和方法。构造函数（Constructor）： 使用构造函数来创建对象，通过 new 关键字实例化一个对象，并设置属性和方法。Object.create()： 使用 Object.create() 方法创建一个新对象，可以指定原型对象和属性描述符。类（Class）： 在 ES6 及以后的版本中，可以使用 class 关键字定义类，并通过 new 关键字实例化对象。#打卡#https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=f508aa441de14f96bd98f92ea1470b38

Model（模型）：模型代表应用程序的数据和业务逻辑。它负责从数据源获取数据，并提供修改和管理数据的方法。View（视图）：视图是用户界面的可视化表示。它负责展示数据给用户，并接收用户的输入。ViewModel（视图模型）：视图模型是连接模型和视图之间的中间层。它从模型获取数据，并将数据转换为视图可以使用的形式。视图模型同时向视图提供处理用户输入的方法，并将用户操作转发给模型进行处理。MVVM模式的关键思想是数据绑定。通过数据绑定，模型的变化会自动反映在视图中，而视图的改变也会反映在模型中，从而实现了数据的双向绑定。这种自动同步的机制减少了开发人员编写大量的手动代码来保持视图和模型同步的工作。优点包括：分离关注点：MVVM模式将应用程序的逻辑和界面分离，使得代码更加清晰和可维护。提高可测试性：由于视图和模型之间的松耦合关系，可以更容易地对视图模型进行单元测试。可重用性：通过将业务逻辑封装在视图模型中，可以在不同的视图之间共享同一份逻辑代码，提高代码的可重用性。#推荐一个前端面试专栏##https://www.nowcoder.com/creation/manager/columnDetail/Mg58Em

在Node.js中，可以使用fs模块（文件系统）来处理文件操作。fs模块提供了一系列方法，用于读取、写入、修改文件和目录。#牛客解忧铺#https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=1730841bd8554b2fa6de4161e81ebb45

Node.js提供了很多内置的核心模块，用于处理文件系统、网络请求、数据流、加密、操作系统等各种任务。1. fs模块（文件系统）：用于读取、写入、修改文件和目录。2. http模块（HTTP）：用于创建 HTTP 服务器和处理 HTTP 请求和响应。3. path模块（路径）：用于处理文件路径的相关操作。4. crypto模块（加密）：提供了加密、解密、散列和签名的功能。5. os模块（操作系统）：提供了与操作系统相关的功能，如获取操作系统信息和处理系统级任务。https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=1730841bd8554b2fa6de4161e81ebb45#打卡#

在 JavaScript 中，递归函数是指在函数体内调用自身的函数。递归函数通常用于解决需要重复执行相同步骤的问题。要使用递归函数，需要考虑两个方面：基本情况（Base Case）：确定一个或多个简单情况，可以在这些情况下直接返回结果，而无需进一步调用递归函数。递归情况（Recursive Case）：将问题分解为一个或多个更小的子问题，并通过调用递归函数来解决这些子问题。#牛客解忧铺#https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=bd23f1031eb741f6b1ff180899a488c0

在 JavaScript 中，可以使用不同的方式来处理同步和异步代码。#打卡#https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=bd23f1031eb741f6b1ff180899a488c0对于同步代码，JavaScript 是按顺序执行的，它会等待前一个操作完成后再执行下一个操作。这意味着，如果存在某个操作需要较长时间才能完成，那么整个代码的执行会被阻塞，直到该操作完成。而对于异步代码，JavaScript 使用回调函数、Promise、async/await 等机制来处理。这些机制允许在进行耗时操作（例如网络请求、文件读取等）时，不会阻塞代码的执行，而是通过异步的方式进行处理。回调函数（Callback）：可以通过将一个函数作为参数传递给另一个函数，在特定的事件发生时调用回调函数。例如，在 AJAX 请求完成时执行回调函数来处理响应数据。Promise：Promise 是一个表示异步操作最终完成或失败的对象。它可以用于以更清晰的方式编写异步代码，通过链式调用 .then() 和 .catch() 方法来处理操作的结果。async/await：async/await 是 ES2017 引入的一种用于处理异步代码的方式。通过使用 async 关键字来定义一个异步函数，然后在其中使用 await 关键字来等待一个 Promise 的解决。这使得异步代码看起来更像同步代码，提高了代码的可读性。无论使用哪种方式处理异步代码，它们都旨在避免阻塞代码执行，并且提供了更加可读和易于理解的方式来处理异步操作。

事件监听器（Event Listener）是一种用于在特定事件发生时执行特定代码的机制。在 JavaScript 中，可以通过添加事件监听器来注册对特定事件的响应。事件监听器由两部分组成：事件目标和事件处理函数。事件目标是指需要监听事件的对象，而事件处理函数是在事件触发时要执行的代码块。https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=bd23f1031eb741f6b1ff180899a488c0#打卡#

TypeScript中的模块化是基于ECMAScript 2015（ES2015）的模块系统来实现的。模块化可以让我们将代码划分成可复用的模块，使代码更有组织性、可维护性和可重用性。ES模块是JavaScript的官方模块化方案，在TypeScript中也可以直接使用CommonJS是Node.js早期使用的模块化方案，后来也被广泛应用于前端开发中AMD是一种异步加载模块的方案，常用于浏览器环境#打卡#https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=f8842a9cffea4857b416b8fc59e8156e#7g3d0z