目录
高并发web架构相关概念
高并发大流量web整体解决思路
web服务器负载均衡
cdn加速
建立独立的图片服务器
动态页面静态化
动态语言的并发处理
php并发编程实战
mysql缓存层的优化
mysql数据层的优化
首页 头条 深入探讨“高并发大流量”访问的解决思路和方案

深入探讨“高并发大流量”访问的解决思路和方案

May 11, 2022 pm 02:18 PM
高并发 web

怎么解决高并发大流量问题?下面本篇文章就来给大家分享下高并发大流量web解决思路及方案,希望对大家有所帮助!

相关视频课程推荐:《千万级数据并发解决方案(理论+实战)

分享一些高并发面试题:15个PHP关于高并发的面试题(总结)

高并发web架构相关概念


  • QPS:每秒钟请求或查询的数量,在互联网领域,指每秒相应请求数(http请求)。

  • 峰值每秒的QPS:(总PV数80%)/(6小时秒数20%),80%的访问量集中在20%的时间

  • 并发连接数:系统同时处理的请求数量

  • 吞吐量:单位时间内处理的请求数量(通常由QPS与并发数决定)。

  • 响应时间:从请求发出到收到响应花费的时间。例如系统处理一个HTTP请求需要100ms,这个100ms就是系统的响应时间。

  • PV:综合浏览量(Page View)即页面浏览量和点击量,一个访客在24小时内访问的页面数量。

  • UV:独立访客(UniQue Visitor),即一定时间范围内相同访客多次访问网站,只计算为1个独立访客。

  • 带宽:计算带宽大小关注两个指标,峰值流量和平均页面大小。

  • 日网站带宽=PV/统计时间(一天换算到秒)*平均页面大小(单位KB)*8。

  • 压力测试:测试承受的最大并发,测试最大承受的QPS,需要注意的测试并发测试机需要与被测试机器分开,不要对线上服务器进行并发测试,观察ab测试的所在机器,以及被测试机器的前端机的CPU,内存,网络等都不超过最高限度的75%。

    • 并发量

    • 响应速度

    • 容错能力

  • 常用的性能测试工具:ab,wrk,http_load,Web Bench,Siege,Apache JMeter。

高并发大流量web整体解决思路


  • 流量优化

  • web资源防盗链防止第三方系统盗用图片,css,js等占用服务器流量和服务器带宽

  • 前端优化

  • 减少http请求:图片合并,js合并,css合并压缩,虽然文件可能大点但请求会减少

  • 添加异步请求:通过实际ajax调用接口获取数据

  • 启动浏览器的缓存和文件压缩(也可以启用nginx的压缩模块)

  • cdn加速:解决带宽不够用的问题,数据缓存到cdn的节点,访问的时候选择就近的节点,减少带宽加快访问速度

  • 建立独立的图片服务器:图片是很吃io的,可以将图片服务器与web服务器完全分离开,可以区分其它服务器单独搭建图片服务器不属于计算型的配置可以适当的调整,图片服务器还可以集群

  • 服务端的优化

    • 页面的静态化:动态的页面静态html,减少服务器的负载压力,页面静态化穿透,静态化有有效时间

    • 动态语言并发处理:异步处理,多线程,队列的异步处理

  • 数据库的优化:

  • 数据库的缓存:memcache,redis的缓存

  • mysql索引优化,mysql分库分表,mysql分区操作,mysql主从复制读写分离,mysql的负载均衡,mysql的主从热备

  • web服务器的优化:

  • 负载均衡:可以使用ningx的反向代理使用负载均衡,可以使用网络分层中的第四层lvs实现负载均衡

web服务器负载均衡


负债均衡

  • 四层负载均衡:所谓四层负载均衡就是基于IP+端口的负载均衡

  • 七层负载均衡:所谓七层的负载均衡就是基于(URL)信息的负载均衡

七层负载均衡实现:

基于URL等应用层信息的负债均衡 ningx的proxy是它一个很强大的功能,实现了7层负载均衡,功能强大,性能卓越,运行稳定,配置简单灵活,能够自动剔除工作不正常的后端服务器,上传文件可以使用异步模式上传,支持多种分配策略,可以分配权重,分配方式灵活。

nginx负载均衡策略

  • IP Hash(内置)

  • 加权轮询(内置)

  • fair策略(扩展)

  • 通用hash(扩展)

  • 一致性hash(扩展)

1、IP Hash策略

nginx内置的另一个负载均衡的策略,流程和轮询很相似,只是其中的算法和具体的策略有些变化,IP hash算法是一种变相的轮询算法

2、加权轮训策略

首先将请求都分给高权重的机器,直到该机器的权值降到了比其他机器低,才开始将请求分给下一个高权重的机器,当所有后端机器都down掉时,nginx会立即将所有机器的标志位清成初始状态,以避免造成所有的机器都处在timeout的状态

3、fair策略

根据后端服务器的响应时间判断负载情况,从中选出负载最轻的机器进行分流

通用hash、一致性hash策略,通用hash比较简单,可以以nginx内置的变量为key进行hash,一致性hash采用了内置的一致性hash环,支持memcache

四层负载均衡实现

通过报文中的目标地址和端口,再加上负载均衡设备设置的服务器选择方式,决定最终选择的内部服务器

lvs相关术语:

  • DS:director server 目标服务器,即负载均衡器

  • RS:Real Server 真实服务器,即后端服务器

  • VIP:直接面向用户的IP地址,通常为公网IP地址

  • DIP:Director Server Ip主要用于内部主机通信的IP地址

  • RIP:Real Server IP 后端真实服务器的IP地址

  • CIP:Client IP

lvs负载均衡三种方式:

NAT:修改目标IP地址为后端的RealServer的IP地址

DR:修改目标mac地址为后端的RealServer的mac地址

TUNNEL:较少使用,常用于异地容灾

四七层负载均衡优缺点

四层比七层可以承载更大的并发量,使用大型站点小

七层可以实现更为复杂的负载均衡控制,比如URL、基于session、动静分离等

七层能够占用大量的CPU时间,承载的并发量

cdn加速


什么是cdn?

节点:可以理解为真实服务器的镜像。

全称是Content Delivery Network,即内容分发网络尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节,使内容传输的更快、更稳定。

在网络各处放置节点服务器所构成的现有的互联网基础之上的一层智能虚拟网络。

cdn系统能够实时地根据网络流量和各节点的连接,负载状况以及到用户的距离和响应时间等综合信息将用户的请求重新导向离用户最近的服务节点上。

cdn的优势是什么?

  • 1、本地的cache加速,提高企业站点(尤其含有大量图片和静态页面站点)的访问速度

  • 2、跨运营商的网络加速,保证不同网络的用户得到良好的访问质量

  • 3、远程访问用户根据DNS负载均衡技术智能自动选择Cache服务器

  • 4、自动生成服务器的远程Mirror(镜像)cache服务器,远程用户访问时从cache服务器上读取数据,减少远程访问的带宽,分担网络流量,减轻愿站点web服务器负载等功能。

  • 5、广泛分布的cdn节点加上节点之间的智能冗余机制,可以有效的预防黑客入侵

cdn的工作原理是什么?

传统的访问:用户在浏览器输入域名发起请求,解析域名获取服务器ip地址,根据ip地址找到对应的服务器,服务器响应并返回数据。

使用cdn访问:用户发起请求,智能dns的解析(根据ip判断地理位置,接入网类型,选择路由最短和负载最轻的服务器),取得缓存服务器ip,把内容返回给用户(如果缓存中有),向源站发起请求,将结果访问给用户,将结果存入缓存服务器。

cdn的适用场景?

站点或者应用中大量静态资源的加速分发,例如:css,js,图片和html

cdn的实现方式?

  • BAT等实现的CDN服务

  • 使用LVS的4层负载均衡

  • 可用nginx,varnish,squid,apache trafficServer做七层负载均衡和cache 使用squid做反向代理或者nginx做反向代理

建立独立的图片服务器


独立的必要性?

  • 1、分担web服务器的I/O负载,将耗费资源的图片服务分离出来,提高服务器的性能和稳定性

  • 2、能够专门对图片服务器进行优化,为图片服务设置针对性的缓存方案,减少带宽成本,提高访问速度

为啥采用独立的域名?

原因:同一域名下浏览器的并发连接数是有限制的,突破浏览器连接的限制,由于cookie的原因,对缓存不利,大部分web cache都只缓存不带cookie的请求,导致每次的图片请求都不能够命中cache

独立后的问题?

  • 如何进行图片上传和图片同步

  • NPS共享方式

  • 利用FTP同步

动态页面静态化


相关概念:什么是动态语言静态化,为什么要静态化,静态化的实现方式。

动态语言的并发处理


什么是进程

进程(Process)是计算机中的程序关于某数据集合上的一次运行活动,是系统进行资源分配和调度的基本单位,是操作系统结构的基础

进程是一个“执行中的程序”

进程的状态的三态模型

多道程序系统中,进程在处理器上交替运行,状态不断发生变化。

  • 运行:当一个进程在处理机上运行时,则称该进程处于运行状态。处于此状态的进程的数目小于等于处理器的数目,对于单处理机系统,处于运行状态的进程只有一个。在没有其它进程可以执行时(如所有进程都在阻塞状态),通常会自动执行系统的空闲进程。

  • 就绪:当一个进程获得了除处理机以外的一切所有资源,一旦得到处理机即可运行,则称此进程处于就绪状态。就绪状态可以按多个优先级来划分队列。例如,当一个进程由于时间片用完而进入就绪状态时,排入低优先级队列;当进程由I/O操作完成而进入就绪状态时,排入高优先级队列。

  • 阻塞:也称为等待或睡眠状态,一个进程正在等待某一事件发生(例如请求I/O而等待I/O完成等)而暂时停止运行,这时即使把处理机分配给进程也无法运行,故称该进程处于阻塞状态。

什么是线程

由于用户的并发请求,为每一个请求都创建一个进程显然是行不通的,从系统资源开销方面或是响应用户请求的效率方面来看。因此操作系统中线程的概念便被引进了。

线程有时候被称为轻量级进程,是程序执行流的最小单元。

线程是进程中的一个实体,是被系统独立调度和分配的基本单位,线程自己不拥有系统资源,只拥有一点儿运行中必不可少的资源但它可与同属一个进程的其它线程共享进程所拥有的全部资源。

一个线程可以创建和撤销另一个线程,同一个进程中的多个线程之间可以并发执行。

线程是程序中一个单一的顺序控制流程。进程内一个相对独立的、可调度的执行单元,是系统独立调度和分派cpu的基本单位指运行中的程序的调度单位。

线程三状态

  • 就绪状态:线程具备运行的所有条件,逻辑上可以运行,在等待处理机。

  • 运行状态:线程占有处理机正在运行。

  • 阻塞状态:线程在等待一个事件(如某个信号量),逻辑上不可执行。

什么是协程

协程是一种用户态的轻量级线程,协程的调度完全由用户控制。协程拥有自己的寄存器上下文和栈。协称调度切换时,将寄存器上下文和栈保存到其他地方,在切回来的时候,恢复先前保存的寄存器上下文和栈,直接操作栈则基本没有内核切的开销,可以不要加锁的访问全局变量,所以上下文的切换非常快。

线程和进程的区别?

  • 1、线程是进程内的一个执行单元,进程内至少有一个线程,它们共享进程的地址空间,而进程有自己独立的地址空间。

  • 2、进程是资源分配和拥有的单位,同一个进程内的线程共享进程的资源。

  • 3、线程是处理器调度的基本单位,但进程不是

  • 4、二者都可以并发的执行

  • 5、每个独立的线程有一个程序运行的入口,顺序执行序列和程序的出口,但是线程不能够独立执行,必须依存在应用程序中,由应用程序提供多个线程执行控制。

线程和协程的区别?

  • 1、一个线程可以多个协程,一个进程也可以单独拥有多个协程

  • 2、线程进程都是同步机制,而协程则是异步

  • 3、协称能够保留上一次调用时的状态,每次过程重入的时,就相当于进入上一次调用的状态

什么是多进程?

同一个时间里,同一个计算机系统中如果允许两个或两个以上的进程处于运行状态,这就是多进程 多开一个进程,多分配一份资源,进程间通讯不方便

什么是多线程?

线程就是把一个进程分为很多片,每一片都可以是一个独立的流程,与多进程的区别是只会使用一个进程的资源,线程间可以通讯

多个概念之间的区别?

  • 单进程单线程:一个人在一个桌上吃菜

  • 单进程多线程:多个人在一个桌子上吃菜

  • 多进程单线程:多个人每个人在自己桌子上吃菜

同步阻塞模型

多进程:最早的服务器端程序都是通过多进程,多线程来解决并发IO的问题一个请求创建一个进程,然后子进程进入循环同步堵塞地与客户端连接进行交互,收发处理数据。

步骤

  • 创建一个socket

  • 进入while循环,阻塞在进程accept操作上,等待客户端连接进入主进程在多进程模型下通过fork创建子进程。

多线程模式下可以创建子线程

子线程/线程创建成功后进入while循环,阻塞在recv调用上,等待客户端向服务器发送数据

收到数据以后服务器程序进行处理然后使用send向客户端发送响应

当客户端连接关闭时,子进程/线程退出并销毁所有资源。主进程/线程会回收掉此子进程/线程。

这中模型严重的依赖进程的数量解决并发问题。

启动大量的进程会带来额外的进程调度消耗

异步非阻塞模型

现在各种高并发异步IO的服务器程序都是基于epoll实现的

IO复用异步非阻塞程序使用经典的Reactor模型,Reactor顾名思义就是反应堆的意思,它本身不处理任何数据收发。只是可以监视一个socket句柄的事件变化。

Reactor模型:

- add:添加一个socket到reactor
- set:修改socket对应的事件,如可读可写
- del:从reactor中移除
- callback:事件发生后回掉指定的函数
登录后复制

nginx:多线程Reactor

swoole:多线程Reactor+多进程worker

php并发编程实战


  • 1.php的swoole扩展、并行、高性能网络通信引擎,使用纯c语言编写提供了php语言的异步多线程服务器,异步tcp/udp网络客户端,异步mysql,异步redis,数据库连接池,AsyncTask,消息队列,毫秒定时器,异步文件读写,异步dns查询。

  • 2.除了异步IO的支持之外,swoole为php多进程的模式设计了多个并发数据结构和IPC通信机制,可以大大简化多线程并发编程的工作

  • 3.swoole2.0支持了类似Go语言的协程,可以使用完全同步的代码实现异步程序

  • 4.消息队列

  • 5.应用解耦

  • 场景说明:用户下单后,订单系统需要通知库存系统。

  • 假如库存系统无法访问,则订单减库存将失败,从而导致订单失败

  • 订单系统跟库存系统解耦

  • 引用队列

  • 用户下单后,订单系统完成持久化处理,将消息写入消息队列,返回用户订单下单成功

  • 订阅下单的消息,采用拉/推的方式,获取下单信息,库存系统根据下单信息,进行库存操作

  • 6.流量削峰 应用场景:秒杀活动,流量瞬间激增,服务器压力大 用户发起请求后,服务器接收后,先写入消息队列。假如消息队列长度超多最大值,则直接报错或提示用户 控制请求量,缓解高流量

  • 7.日志处理 应用场景:解决大量日志的传输 日志采集程序将程序写入消息队列,然后通过日志处理程序的订阅消费日志。

  • 8.消息通讯 聊天室

  • 9.常见消息队列产品 kafka,ActiveMQ,ZeroMQ,RabbitMQ,Redis等 php的异步 消息队列

  • 10.接口的并发请求 curl_multi_init

mysql缓存层的优化


1.什么是数据库缓存

mysql等一些常见的关系型数据库的数据都存储在磁盘当中,在高并发场景下,业务应用对mysql产生的增删,改,查的操作造成巨大的I/O开销和查询压力,这无疑对数据库和服务器都是一种巨大的压力,为了解决此类问题,缓存数据的概念应运而生。

  • 极大的解决数据库服务器的压力

  • 提高应用数据的响应速度

常见的缓存形式:内存缓存和文件缓存

2.为什么要使用数据库缓存

  • 缓存数据是为了让客户端很少甚至不访问数据库服务器进行数据的查询,高并发下,能最大程序地降低对数据库服务器的访问压力。

  • 用户请求-》数据查询-》连接数据库服务器并查询数据-》将数据缓存起来(html,内存,json,序列化数据)-》显示给客户端

  • 缓存方式的选择

  • 缓存场景的选择

  • 缓存数据的实时性

  • 缓存数据的稳定性

3.使用mysql查询缓存

  • 启用mysql查询缓存

  • 极大的降低cpu使用率

  • query_cache_type查询缓存类型,有0,1,2三个取值。0则不适用查询缓存。1表示始终使用查询缓存,2表示按需使用查询缓存。

query_cahce_type=1 select SQL_NO_CACHE * from my_table where condition; query_cache_type=2 select SQL_CACHE * from my_table where condition; query_cache_size
登录后复制

默认情况下query_cache_size为0,表示为查询缓存预留的内存为0,则无法使用查询缓存 SET GLOBAL query_cache_size = 134217728; 查询缓存可以看作是SQL文本和查询结果的映射 第二次查询的SQL和第一次查询的SQL完全相同,则会使用缓 SHOW STATUS LIKE ‘Qcache_hits’查看命中次数 表的结构和数据发生改变时,查询缓存中的数据不再有效

情理缓存:

  • FLUSH QUERY CACHE;//清理查询缓存内存碎片

  • RESET QUERY CACHE;//从查询缓存中移出所有查询

  • FLUSH TABLES;//关闭所有打开的表,同时该操作将会清空查询缓存中的内容

4.使用Memcache缓存

对于大型站点,如果没有中间缓存层,当流量打入数据库层时,即便有之前的几层为我们挡住一部分流量,但是在大并发的情况下,还是会有大量请求涌入数据库层,这样对于数据库服务器的压力冲击很大,响应速度也会下降,因此添加中间缓存层很有必要。

memcache是一套分布式的高速缓存系统,由liveJournal的BrandFitzpatrick开发,但目前被许多网站使用以提升网站的访问速度,尤其对于一些大型的、需要频繁访问数据库的网站访问速度提升效果十分显著。 memcache是一个高性能的分布式的内存对象缓存系统,通过在内存里维护一个统一的巨大的hash表,它能够用来存储各种格式的数据,包括图像,视频、文件以及数据库检索的结果等。简单的说就是将数据调用到内存,然后从内存中读取,从而大大提高读取速度。

工作流程:先检查客户端的请求数据是否在memcache中,如有,直接把请求数据返回,不再对数据库进行任何操作;如果请求的数据不在memcache中,就去查数据库,把从数据库中获取的数据返回给客户端,同时把数据缓存一份到memcached中。

通用缓存机制:用查询的方法名+参数作为查询时的key,value对中的key值

5.使用Redis缓存

与memcache的区别:

  • 性能相差不大

  • redis在2.0版本后增加了自己的VM特性,突破物理内存的限制,memcache可以修改最大可用内存,采用LRU算法

  • redis依赖客户端来实现分布式读写

  • memcache本身没有数据冗余机制

  • redis支持(快照,aof)依赖快照进行持久化aof增强了可靠性的同时,对性能有所影响

  • redis用户数据量较小的高性能操作和运算上

  • memcache用于在动态系统中减少数据库负载,提升性能;适合做缓存提高性能。

  • 可用于存储其他数据:session,session_set_save_handler

mysql数据层的优化


  • 数据表数据类型优化:int,smallint.,bigint,enum,ip存储使用int类型ip2long转化存入

  • 索引不是越多越好,在合适的字段上创建合适的索引

  • 符合索引的前缀原则

  • like查询%的问题

  • 全表扫描优化

  • or条件索引使用情况

  • 字符串类型索引失效的问题

  • 优化查询数据过程中的数据访问,使用limit,尽量不要使用*,变复杂为简单,切分查询,分解关联查询*

  • 优化特定类型查询语句,优化count(),优化关联查询语句,优化子查询,优化group by和distinct,优化limit和union

  • 存储引擎的优化:尽量使用innodb

  • 数据库表结构的优化:分区操作(对用户透明)partion,分库分表(水平拆分,垂直拆分做副表)

  • 数据库服务器架构的优化:主从复制,读写分离,双主热备,负载均衡(lvs实现负载均衡,MyCat数据库中间件实现负载均衡)

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您听不到任何人,如何修复音频
3 周前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

PHP在Web开发中是属于前端还是后端? PHP在Web开发中是属于前端还是后端? Mar 24, 2024 pm 02:18 PM

PHP在Web开发中是属于后端。PHP是一种服务器端脚本语言,主要用于处理服务器端的逻辑,生成动态网页内容。与前端技术相比,PHP更多地用于与数据库交互、处理用户请求以及生成页面内容等后端操作。接下来通过具体的代码示例来说明PHP在后端开发中的应用。首先,我们来看一个简单的PHP代码示例,用于连接数据库并查询数据:

如何从驾驶舱Web用户界面启用管理访问 如何从驾驶舱Web用户界面启用管理访问 Mar 20, 2024 pm 06:56 PM

Cockpit是一个面向Linux服务器的基于Web的图形界面。它主要是为了使新用户/专家用户更容易管理Linux服务器。在本文中,我们将讨论Cockpit访问模式以及如何从CockpitWebUI切换Cockpit的管理访问。内容主题:驾驶舱进入模式查找当前驾驶舱访问模式从CockpitWebUI启用Cockpit的管理访问从CockpitWebUI禁用Cockpit的管理访问结论驾驶舱进入模式驾驶舱有两种访问模式:受限访问:这是驾驶舱的默认访问模式。在这种访问模式下,您不能从驾驶舱Web用户

web标准是什么东西 web标准是什么东西 Oct 18, 2023 pm 05:24 PM

Web标准是一组由W3C和其他相关组织制定的规范和指南,它包括HTML、CSS、JavaScript、DOM、Web可访问性和性能优化等方面的标准化,通过遵循这些标准,可以提高页面的兼容性、可访问性、可维护性和性能。Web标准的目标是使Web内容能够在不同的平台、浏览器和设备上一致地展示和交互,提供更好的用户体验和开发效率。

Golang框架在高并发系统中的架构 Golang框架在高并发系统中的架构 Jun 03, 2024 pm 05:14 PM

对于高并发系统,Go框架提供管道模式、Goroutine池模式和消息队列模式等架构模式。实战案例中,高并发网站使用Nginx代理、Golang网关、Goroutine池和数据库处理大量并发请求。代码示例展示了Goroutine池的实现,用于处理传入请求。通过选择合适的架构模式和实现,Go框架可以构建可扩展且高并发的高并发系统。

PHP 框架在高并发场景下的性能表现 PHP 框架在高并发场景下的性能表现 Jun 06, 2024 am 10:25 AM

在高并发场景下,根据基准测试,PHP框架的性能表现依次为:Phalcon(RPS2200)、Laravel(RPS1800)、CodeIgniter(RPS2000)、Symfony(RPS1500)。实际案例表明,Phalcon框架在电商网站双十一活动中实现了每秒3000个订单处理。

web是什么意思 web是什么意思 Jan 09, 2024 pm 04:50 PM

web是全球广域网,也称为万维网,是互联网的一种应用形式。Web 是一种基于超文本和超媒体的信息系统,它允许用户通过超链接在不同的网页之间跳转,从而浏览和获取信息。Web 的基础是互联网,它使用统一、标准化的协议和语言,使得不同计算机之间能够进行数据交换和信息共享。

h5怎么实现web端向上滑动加载下一页 h5怎么实现web端向上滑动加载下一页 Mar 11, 2024 am 10:26 AM

实现步骤:1、监听页面的滚动事件;2、判断滚动到页面底部;3、加载下一页数据;4、更新页面滚动位置即可。

将对话式 AI 构建到您的 Web 应用程序中 将对话式 AI 构建到您的 Web 应用程序中 Nov 02, 2023 am 11:04 AM

在本文中,我们将探讨将 ChatGPT 集成到 ReactJS 应用程序中的可能性和好处,以及如何执行此操作的分步说明。