在实际项目中常用的设计模式有如下几种：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=1a0513f768dd42e88065708ac3b1237f单例模式（Singleton）：应用于需要保证全局只有一个实例的情况，例如数据库连接池、线程池。工厂模式（Factory）：应用于创建对象实例的场景，隐藏实际创建逻辑，提供一个统一的接口。观察者模式（Observer）：应用于一对多的依赖关系，当一个对象状态发生改变时，其依赖的对象会自动进行更新。适配器模式（Adapter）：应用于将一个类的接口转换成客户端所期望的另一种接口，常用于旧代码的升级与兼容。策略模式（Strategy）：应用于根据不同的策略做出不同的处理，例如支付方式的选择、排序算法的选择等。装饰器模式（Decorator）：应用于为对象动态添加额外的功能，而不需要修改其原始代码。模板方法模式（Template Method）：应用于定义算法的骨架，将一些步骤的具体实现延迟到子类中。命令模式（Command）：应用于将请求封装成具体的对象，使得可以用不同的请求对客户进行参数化。迭代器模式（Iterator）：应用于提供一种方法来访问一个容器对象中的各个元素，而无需暴露其内部结构。组合模式（Composite）：应用于将对象组合成树形结构以表示部分-整体的层次结构，使得用户对单个对象和组合对象的使用具有一致性。

MVC、MVVM和MVP都是常见的软件架构模式，用于组织和管理应用程序的代码。 它们在不同的上下文中有着各自的特点和用途。https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=1a0513f768dd42e88065708ac3b1237fMVC（Model-View-Controller）模式是最早提出的一种软件架构模式。它将应用程序分为三个主要部分：模型（Model）、视图（View）和控制器（Controller）。模型负责数据的存储和处理，视图负责展示数据给用户，控制器协调模型和视图之间的交互。MVC模式的优点是清晰的分离关注点，提高了代码的可维护性和可测试性。MVVM（Model-View-ViewModel）模式是基于MVC模式演变而来的，最早由微软的WPF框架推广。它引入了一个视图模型（ViewModel）层，负责处理视图和模型之间的通信。视图模型通过双向数据绑定将视图和模型关联起来，当模型数据发生变化时，视图会自动更新。MVVM的优点是提高了代码的可维护性和可测试性，减少了视图和模型之间的耦合。MVP（Model-View-Presenter）模式也是基于MVC模式演变而来的，常用于Android应用程序开发。它将视图和模型分离，并引入了一个中间层Presenter。Presenter负责处理视图和模型之间的交互，将视图的用户操作转发给模型进行处理，并将模型返回的数据更新到视图上。MVP模式的优点是解耦了视图和模型之间的关系，提高了代码的可测试性和可维护性。总的来说，MVC、MVVM和MVP都是常见的软件架构模式，用于组织和管理应用程序的代码。选择哪种模式需要根据具体的应用场景和需求来考虑，以最适合项目的方式进行开发。

MVC模式 - 将应用程序分为三个组件：模型（数据处理）、视图（UI）和控制器（逻辑层）。MVVM模式 - 将MVC中的控制器分为绑定器和视图模型两部分，使视图与数据绑定更简单。观察者模式 - 当被观察对象状态改变时通知所有观察者。工厂模式 - 通过工厂类创建对象，避免使用new关键字直接创建对象。单例模式 - 确保只有一个实例存在的设计模式。装饰器模式 - 动态地向对象添加新的行为，同时保持与原始类的接口兼容性。适配器模式 - 允许不兼容的接口之间进行通信。https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=1a0513f768dd42e88065708ac3b1237f

HTTP/2是一种网络传输协议，用于在客户端和服务器之间传输超文本传输协议（HTTP）消息。它是HTTP/1.x的进化版本，旨在提高Web性能和效率。与HTTP/1.x相比，HTTP/2有以下改进之处：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=43521d43a8e341f888324dd690363024多路复用: 在HTTP/2中，可以通过一个TCP连接同时传输多个请求和响应，而不需要为每个请求都建立单独的连接。这样可以减少延迟和提高吞吐量。二进制分帧: HTTP/2将HTTP消息分割成更小的二进制帧进行传输，这些帧可以乱序发送并重新组装，从而提高传输效率。头部压缩: HTTP/2使用HPACK算法对头部字段进行压缩，减少了重复的头部信息传输，从而减小了数据传输量，提高了性能。服务器推送: HTTP/2支持服务器主动推送数据，即在客户端发送请求之前，服务器可以将一些相关资源主动推送给客户端，从而减少了额外的请求延迟。流量优先级: HTTP/2允许开发人员为请求设置优先级，确保对于重要的请求和响应，能够优先处理，提高用户体验。

RESTful API指的是一种符合REST（Representational State Transfer，即表述性状态转移）架构风格标准的API。RESTful API是一种基于HTTP协议构建的API，并且通过URL来确定资源，使用HTTP方法（如GET、POST、PUT、DELETE等）来定义操作行为，以及使用JSON等数据格式传输数据。与传统的API相比，RESTful API具有以下区别：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=43521d43a8e341f888324dd690363024关注资源：RESTful API将每个URL看做一个资源，并针对这些资源定义相应的操作。无状态：RESTful API是一种无状态协议，即请求之间相互独立，不会保存上下文信息。基于HTTP协议：RESTful API基于HTTP协议，使用HTTP方法来定义操作行为，并使用HTTP状态码来反映请求处理结果。数据格式：RESTful API通常使用JSON等轻量级数据格式来传输数据。可缓存性：由于RESTful API具有无状态特性和代表资源的URL地址，因此可以使客户端缓存资源或结果以提高性能和可伸缩性。

常见的HTTP请求方法有以下几种：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=43521d43a8e341f888324dd690363024GET：用于从服务器获取资源。GET请求是幂等的，即多次执行相同的GET请求应该返回相同的结果。它通常用于向服务器请求数据，并将响应作为正文返回给客户端。POST：用于向服务器提交数据，创建新资源或处理一些操作。POST请求不是幂等的，即多次执行相同的POST请求可能会产生不同的结果。它通常用于向服务器发送数据，并将响应作为正文返回给客户端。PUT：用于更新服务器上已存在的资源。PUT请求也是幂等的，即多次执行相同的PUT请求应该具有相同的效果。它通常用于替换服务器上指定位置的资源。DELETE：用于删除服务器上指定的资源。DELETE请求也是幂等的，即多次执行相同的DELETE请求应该具有相同的效果。它通常用于删除服务器上指定位置的资源。PATCH：用于对服务器上已存在的资源进行局部更新。PATCH请求是非幂等和非安全（可能会引起副作用）的。它通常用于对资源进行部分更新，

HTTP协议是一种用于在Web浏览器和Web服务器之间通信的协议。https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=43521d43a8e341f888324dd690363024它是一个客户端-服务器协议，用于请求和传输超文本标记语言（HTML）文档。⭕HTTP定义了:https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=43521d43a8e341f888324dd690363024客户端如何发送请求服务器如何响应请求⭕工作原理：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=43521d43a8e341f888324dd690363024当用户通过浏览器访问网页时，浏览器会向服务器发送HTTP请求。 服务器接收请求并根据请求内容进行处理。 服务器处理完成后，将相应的HTML文件或其他文件返回给浏览器，浏览器将文件解析后显示给用户。HTTP工作基于请求-响应模型。 客户端发送一个请求给服务器，然后等待服务器的响应。 请求和响应都包含了一个Header和一个Body部分。🉐Header部分包含了请求或响应的元数据，如请求类型、URL、协议版本、身份验证信息、缓存控制等。🉐Body部分包含了实际的数据，如HTML文件、图像、视频、音频等。HTTP协议使用TCP/IP协议传输数据。当建立连接时，客户端与服务器之间将建立一条TCP连接，并在连接上发送HTTP请求和响应。连接还可以保持开放状态，以允许多个请求和响应使用同一连接。当不再需要连接时，可以通过关闭TCP连接来终止通信。HTTPS是在HTTP上添加了安全层（SSL / TLS），提供了数据加密和身份验证功能，以保护用户的隐私和安全。

useMemo是用于缓存计算结果的。它接受一个计算函数和依赖项数组作为参数，并返回计算结果。当依赖项数组中的任意一个值发生变化时，useMemo会重新执行计算函数并返回新的计算结果。useCallback用于缓存回调函数。它接受一个回调函数和依赖项数组作为参数，并返回一个缓存的版本的回调函数。当依赖项数组中的任意一个值发生变化时，useCallback会返回一个新的回调函数。https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=e5feaa27ec3349838757ebc84729835a

在函数式编程中，副作用指的是函数对于除了返回值以外的其他环境产生的改变。这些改变可能包括修改函数外部的变量、执行I/O操作、修改数据结构等等。函数式编程的一个主要目标是尽量减少副作用的使用，以提高程序的可靠性和可维护性。以下是一些避免或管理副作用的方法：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=e5feaa27ec3349838757ebc84729835a纯函数：纯函数是指没有副作用的函数，它的返回值只依赖于输入参数，并且不会修改任何外部状态。通过使用纯函数，可以避免副作用的产生。不可变数据：使用不可变数据可以避免对数据结构的直接修改。每次对数据进行修改时，都会创建一个新的不可变对象，而不是直接修改原始对象。这可以帮助我们避免副作用。Monad或其他抽象：在某些情况下，我们无法完全避免副作用，比如需要进行I/O操作。这时可以使用Monad或其他抽象来封装副作用，确保它们在程序中得到适当的管理和控制。函数组合和高阶函数：通过将函数组合在一起，可以更好地管理副作用。高阶函数可以接受函数作为参数，并返回一个新的函数，这样可以将副作用的处理逻辑与核心逻辑分离。需要注意的是，函数式编程并不是要完全禁止副作用，而是尽量减少其使用，并将其限制在必要的情况下。副作用的合理使用有助于提高程序的灵活性和实用性。

不可变数据是指一旦创建，就不能被修改的数据。在函数式编程中，使用不可变数据非常重要，因为它们具有以下优点：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=e5feaa27ec3349838757ebc84729835a纯函数：不可变数据使得函数成为纯函数，即函数的输出只依赖于输入，而不受外部状态的影响。这使得函数更加可靠、可测试和易于理解。避免副作用：由于不可变数据不可修改，它们不会引起副作用，即不会修改外部状态或产生意外的行为。这有助于减少程序中的bug，并使得代码更易维护和调试。线程安全：由于不可变数据不可被修改，多个线程可以同时访问和共享不可变数据，而无需担心同步和竞态条件问题。引用透明：不可变数据使得引用透明成为可能，即可以在任何时间点将同样的输入替换为同样的输出，这对于优化和缓存结果非常有用。

函数式组件是React中一种定义组件的方式，它是用JavaScript函数来定义的。相比于类组件，函数式组件具有以下优势：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=e5feaa27ec3349838757ebc84729835a简洁：函数式组件只需要编写一个函数即可，代码量较少，易于理解和维护。性能优化：函数式组件相对于类组件来说，没有实例化的过程，执行效率更高。方便测试：由于函数式组件只是一个纯函数，不涉及生命周期方法，依赖注入等复杂操作，因此测试起来更加方便。Hooks支持：React Hooks是React 16.8版本中引入的新特性，使得函数式组件也能够轻松地使用状态和其他React特性，使得函数式组件的功能更加强大。函数复用：函数式组件更容易进行组件的复用，可以将常用的业务逻辑封装成自定义Hooks进行复用。

在React中，纯组件是指其输出仅由其输入决定的组件。 换句话说，如果一个组件的props和state没有发生变化，那么它的渲染结果也不会变化。纯组件在性能优化方面非常有用，因为它们避免了不必要的重新渲染。 React的渲染过程是相对昂贵的，因此减少不必要的渲染可以提高应用程序的性能和响应能力。当一个组件是纯组件时，React可以使用一些优化策略来避免重新渲染。例如，React可以比较前后两次渲染时的props和state，如果它们相同，则可以跳过渲染过程，直接使用之前的渲染结果。这样就可以节省大量的计算和DOM操作。为了使一个组件成为纯组件，你需要确保其props和state是不可变的。这意味着你不能直接修改它们，而是应该创建新的props和state对象。你还需要避免在render方法内部使用副作用，如网络请求或修改全局状态，以确保组件的输出只依赖于输入。总而言之，纯组件是一种优化技术，通过避免不必要的重新渲染来提高React应用程序的性能和响应能力。

函数柯里化（Currying）是一种将多个参数的函数转换成一系列单参数函数的过程。 这个概念最早由数学家Haskell Curry提出，因此得名。https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=e5feaa27ec3349838757ebc84729835a在前端开发中，函数柯里化可以带来很多好处。首先，它可以帮助我们更容易地构建可复用的函数。通过将函数的参数进行分解和抽象，我们可以创建出一系列可以灵活组合使用的函数。这样一来，我们可以更加高效地重用代码，减少冗余。其次，函数柯里化可以帮助我们更好地进行函数组合。由于柯里化的函数都是单参数函数，它们更容易被串联和组合在一起，形成更复杂的逻辑。这使得我们能够更灵活地构建管道式的数据处理流程，使代码更具可读性和可维护性。此外，函数柯里化还可以帮助我们更方便地进行部分应用（Partial Application），即固定函数的部分参数而生成一个新的函数。这对于创建具有特定行为的函数非常有用，同时也方便了代码的重用和测试。总的来说，函数柯里化是一种有益的编程技术，在前端开发中可以提高代码的可复用性、可读性和灵活性。

纯函数是指在相同的输入条件下，总是返回相同的输出值，并且没有任何副作用的函数。 副作用指的是对函数外部环境造成的任何改变，比如修改全局变量、修改传入的参数等。在函数式编程中，纯函数具有以下重要性：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=e5feaa27ec3349838757ebc84729835a可缓存性：由于纯函数的输出只依赖于输入，因此可以缓存函数的结果，避免重复计算，提高性能。可测试性：纯函数的输入输出关系明确，易于编写单元测试，验证函数的正确性。可组合性：纯函数可以无限组合，因为它们之间不存在依赖关系和副作用，这使得代码更加模块化、可维护和可重用。可并行性：由于纯函数没有共享状态，可以并行执行多个纯函数，提高程序的并发性能。可靠性：纯函数不会对外部环境产生影响，因此不会引起意外的行为变化或错误。

WebSocket是一种在Web应用程序中实现实时双向通信的技术。它提供了一种持久连接，允许服务器与客户端之间进行双向数据传输。与传统的HTTP请求/响应模型不同，WebSocket允许服务器主动向客户端发送消息，而不需要客户端发起请求。要在Web应用程序中使用WebSocket进行实时通信，需要执行以下步骤：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=b48bebe08e474db8b80b853b12bafd48创建一个WebSocket对象：使用JavaScript的WebSocket构造函数创建一个WebSocket对象，指定要连接的服务器URL。例如：var socket = new WebSocket("ws://example.com/socket-server");监听WebSocket事件：使用WebSocket对象的事件监听器来处理WebSocket的各种事件，例如onopen、onmessage、onclose和onerror。这些事件将在WebSocket状态变化、接收到消息、关闭连接或发生错误时被触发。建立连接：一旦创建了WebSocket对象，通过调用其open()方法建立与服务器的WebSocket连接。当连接建立成功时，onopen事件将被触发。发送和接收消息：使用WebSocket对象的send()方法向服务器发送消息，消息可以是字符串或其他数据类型。服务器接收到消息后，可以使用WebSocket对象的onmessage事件来处理。关闭连接：当需要终止WebSocket连接时，可以调用WebSocket对象的close()方法。服务器会收到一个关闭请求，如果确定关闭连接，会发送一个关闭信号给客户端并触发onclose事件。通过使用WebSocket，Web应用程序可以实现实时的双向通信，适用于聊天应用、实时通知、实时更新和协同编辑等场景。