- 综合排序
- 最热优先
- 最新优先
- 来自专栏河湾欢儿的专栏
响应式布局流式布局
响应式布局：根据不同的尺寸适配 viewport width=device-width 设置视口的宽度等于设备的宽度，如果不设置的话，默认视口的宽度是980px 通俗理解：我们这个操作其实展示当前这个页面一共有多宽 当前的宽度是小于320像素的 } @media all and (min-width:320px) and (max-width:359px){ //大于等于320小于360 } 响应式布局的解决方案 ：流式布局法 1、容器或者盒子的宽度一般都不写固定的值，而是使用百分比（相对于视口区域的百分比） 其余的样式：字体、高度、margin、padding都按照设计稿上标注尺寸的一半来设置 对于有些屏幕尺寸下我们设置的固定值看起来不是特别好看的话我们使用
1.4K20发布于 2018-09-06 - 来自专栏后台技术汇
大模型应用之：SSE流式响应
相反，逐字蹦出回复可以实现更快的交互响应。 ChatGPT可以在输入消息后迅速开始生成回答的开头，并根据上下文逐渐细化回答。 类型和事件流格式 2014年：随HTML5成为W3C推荐标准，SSE获得主流浏览器支持（除IE外），确立了其在Web实时通信中的地位 生态爆发期（2022年后） 随着ChatGPT等大模型应用兴起，SSE因流式输出特性成为大模型交互的首选协议 ，支持逐词返回的“打字机效果”，推动技术进一步普及 二、ChatGPT 流式输出原理 我们看一下ChatGPT的completion API的官方文档 演示案例 curl -i -X POST -H ' 四、对比websocket 五、流式响应落地 （1）使用框架接受流式响应：LanghChain的stream接口 async def _async_stream_with_custom_tokenizer content, token_usage=usage) yield resp.to_string() （2）自行拆包整合算法，处理流式响应
1.1K10编辑于 2025-07-27 - 来自专栏数据之美
flask 流式响应 RuntimeError: working outside of request context
http://flask.pocoo.org/docs/patterns/streaming/#streaming-from-templates 可以满足需求，它以 generate yield 为基础，流式的返回数据到前端
4.3K70发布于 2018-02-24 - 来自专栏DotNet NB && CloudNative
AspNetCore 实战：三种流式响应机制详解
AspNetCore 提供了多种流式响应机制，以满足不同场景下的需求。 在使用ChatGpt，deepseek的适合有没有想过ai的逐字显示回答是怎么实现的，下面将介绍三种主要的流式响应来实现此功能。 SSE是一种轻量级且简单的流式响应方式，尤其适用于向客户端推送消息的场景，如实时数据更新。 使用WebSocket进行流式传输服务器端： using Microsoft.AspNetCore.SignalR; using Microsoft.AspNetCore.Mvc; using System.Threading.Tasks ASP.NET Core默认支持分块传输编码，当响应体的内容未知时，分块传输会自动启用。
57810编辑于 2025-03-27 - 来自专栏菩提树下的杨过
LangGraph4j 学习系列(7)-流式响应
接上节继续，流式响应在LLM应用中是改善用户体验的重要手段之一，可以有效缓解长耗时应用的用户焦虑感。 StreamGraphApplication { public static void main(String[] args) throws GraphStateException { //流式模式 //这里调用stream方法，而不是invoke方法 .stream(Map.of(), rc); System.out.println("=========流式 ，可以通过取消来停止流式执行 if ("node-3".equalsIgnoreCase(output.node())) { result.cancel(true ; //输出流式结果 for (NodeOutput<MessagesState<ChatMessage>> out : stream) { if
24810编辑于 2026-03-02 AI 流式响应实战：从同步等待到实时推送
AI流式响应实战：从同步等待到实时推送在IM系统中集成AI时，流式响应能显著提升性能。本文介绍AQChat如何实现AI流式响应，从同步等待到实时推送。一、为什么需要流式响应？ 长时间占用连线和线程流式响应的优势：实时反馈：逐字显示，用户可立即看到内容体验更好：类似ChatGPT的打字机效果资源利用：边生成边推送，不阻塞对比：方式首字延迟完整响应时间用户体验同步等待10秒10秒差流式响应 END(1,"end"),//流式响应结束FAIL(2,"fail");//流式响应失败}三、WebSocket实时推送的实现整体流程展开代码语言：JavaAI代码解释用户发送消息↓RocketMQ异步处理 ：用户发送消息后立即返回AI响应通过WebSocket实时推送提升响应速度七、总结关键点流式响应：使用回调函数模式，实时推送每个数据块统一接口：IAiservice统一不同AI平台的接口WebSocket ，AQChat实现了类似ChatGPT的流式响应效果，提升了用户体验。
21310编辑于 2026-01-11- 来自专栏码
基于HTTP流式传输的长时响应体验提升
在接收到前端请求后立即返回，过一段时间完成计算后再让前端请求一次，又会让界面上的数据在这段等待时间中处于老的不正确的数据情况，因此，我们需要找到一种既可以避免异步发送数据让用户误认为结果错误，又可以避免长时响应让用户等待焦虑的方法 HTTP流式传输 这里的流式传输是指借鉴流媒体技术，在数据传输中实现持续可用的不间断的传输效果。 流式传输可以依赖http, rtmp, rtcp, udp...等等网络协议，在本文的场景下，我们主要探讨的是HTTP流式传输。 => { console.log("app starting at port 3000"); }); 这里的核心点就在于res.write，在http模块中，res本身就是一个基于流实现的响应对象 const res = await fetch('xxx'); for await (let chunk of res.body) { console.log(chunk); } fetch返回的响应对象中
5.4K20编辑于 2023-09-02 【Python系列】浅析流式模式：基于 SSE 的实时响应体验
什么是流式模式？ 流式模式，顾名思义，即通过流的方式持续发送数据而不是一次性全部返回。与传统的 HTTP 请求模式不同，流式模式的特点在于服务器可以在连接打开后持续地向客户端发送数据。 这种实时传输方式不仅可以加快数据的响应速度，还可以减少带宽占用，使得应用的运行更加流畅。 StreamingResponse 类用于将数据流作为响应发送给客户端，并指定 media_type="text/event-stream" 来标识这是一个 SSE 流。 应用场景与流式模式的优势 流式模式的应用场景非常广泛，尤其适合需要快速响应和实时更新的应用程序： 实时数据监控：在金融交易、传感器数据监控等场景下，流式模式能够让用户实时获取数据，做出快速响应。 流式问答系统：在智能问答系统中，流式模式可用于模拟回答生成的过程，提升交互的真实性和自然性。
1.3K10编辑于 2024-11-16- 来自专栏SpringCloud专栏
springboot搭建流式响应应服务，SSE服务端实现
我们经常会有一些流式响应的需求，即客户端发一次请求，服务端需要多次响应才能返回完整数据的案例。 .start(); return emitter; } 如以上代码，返回的对象是SseEmitter，每次调用emitter.send()方法，客户端就会收到一条消息，即一次响应 ，响应结束的标志是调用emitter.complete方法。
5.5K10编辑于 2023-09-06 - 来自专栏腾讯IMWeb前端团队
理论 | Angular 中的响应式编程 -- 浅淡 Rx 的流式思维
今天我们一起通过一个具体的例子来理解响应式编程设计的思路。最后会看看刚刚发布的 Angular 4 的新特性给响应式编程带来了什么新鲜的元素。 作者｜接灰的电子产品 原文｜http://www.jianshu.com/p/925adede7c60 为什么要做响应式编程？ 我给出的答案很简单：响应式编程可以让你把程序逻辑想的很清楚。 我们来看一下用响应式编程如何处理这个逻辑。 响应式表单中的 Rx Angular 的表单处理非常强大，有模版驱动的表单和响应式表单两类，两种表单各有千秋，在不同场合可以分别使用，甚至混合使用，但这里就不展开了。 现在这个表单就建立好了，但你可能会问，这也没看出来响应式啊，别急，接下来我们就要看看它的响应式支持了。我们再回到一开始的小题目，我们的两个原始数据流：age$ 和 ageUnit$ 怎么构建？
6.3K10编辑于 2022-06-29 - 来自专栏Spring AI 进阶之路
Spring AI 进阶之路02：集成SSE实现AI对话的流式响应
这种实时反馈的交互体验，正是流式响应的独特魅力，也已成为AI应用的标配。 ，监听finish事件知道响应结束发送聊天请求：通过普通的HTTPPOST请求触发后端的AI聊天实时渲染响应：收到数据块时立即追加到页面上，实现"打字机"效果效果测试现在，让我们启动项目来体验流式响应的魅力 小结通过本文的学习，我们成功地将一个普通的AI聊天应用升级为支持流式响应的版本。 这个过程中，我们：深入理解了SSE技术：它简单、轻量，特别适合服务器向客户端的单向数据推送场景掌握了SpringAI的流式API：通过stream()方法获取响应流，配合响应式编程实现非阻塞处理实现了完整的流式对话系统 ：从后端的SSE管理、流式处理，到前端的实时渲染，构建了一个完整的解决方案流式响应不仅仅是一个技术特性，更是提升用户体验的关键要素。
80800编辑于 2025-11-25 - 来自专栏玩转全栈
了解ChatGPT流式响应背后的技术，优化数据流处理效率！
通过SSE技术，ChatGPT API可以实现流式响应，即服务器不需要等待客户端的请求，就可以主动发送数据给客户端。这样可以减少网络延迟和资源消耗，提高聊天的效率和质量。 function(request, response) { response.writeHead(200, { 'Content-Type': 'text/event-stream',// 这个表示服务端流式响应 Cache-Control: no-cache 表示响应的内容不应该被缓存，以保证实时性。Connection: keep-alive 表示响应的连接应该保持打开，以便服务器端持续发送数据。 koa接口封装为 流式响应demo/** 使用 koa 实现一个 post 的 sse 请求 请求方式 post 请求 path /api 参数straem 控制是否流式响应，stream =true 表示流式响应，否则普通响应*/const Koa = require("koa");const Router = require("koa-router");const bodyParser
11.3K55编辑于 2023-05-06 - 来自专栏陶士涵的菜地
HTTP方式请求并处理GPT聊天补全接口的流式响应输出
python使用HTTP方式，调用OpenAI的聊天补全的流式响应接口，并处理数据 目的是，如果需要对接fastGPT等其他第三方，需要额外增加参数，或者其他开发语言调用时，不能使用官方的类库。
2K10编辑于 2024-01-03 - 来自专栏编程语言的世界
PHP 中使用 cURL 实现流式响应并返回给客户端
标题： PHP 中使用 cURL 实现流式响应并返回给客户端内容：在 Web 开发中，流式响应（Streaming Response）是一种高效的数据传输方式，它允许服务器在数据完全生成之前就开始向客户端发送数据 这在处理大文件、实时数据或其他需要快速响应的场景中特别有用。结合 cURL 库，我们可以在 PHP 中实现流式响应，并通过 Server-Sent Events (SSE) 将数据实时推送给客户端。 以下是一个示例函数，该函数使用 cURL 发起流式请求，并通过回调函数处理接收到的数据，然后将这些数据流式地返回给客户端。PHP 代码示例：<? php/** * 通过 cURL 发起流式请求并处理响应 * * @param string $url 请求的 URL * @param array $headers 请求头数组 * @param array |string|null $postData POST 数据 * @param callable $callback 处理响应数据的回调函数 * @throws Exception 如果回调函数不是有效的
3.2K20编辑于 2024-05-21 05-流式操作：使用 Flux 和 Mono 构建响应式数据流
1 通过 Flux 对象创建响应式流 基于各种工厂模式的静态创建方法 编程的方式动态创建 Flux 相对而言，静态方法在使用上都比较简单，但不如动态方法来得灵活。我们来一起看一下。 关于 subscribe() 方法以及对响应式流的订阅过程，我会在本讲后续内容中进一步说明。 以上就是通过Flux 对象创建响应式流的方法，此外，还可以通过 Mono 对象来创建响应式流，我们一起来看一下。 4 通过 Mono 对象创建响应式流 可认为它是 Flux 的一种特例，所以很多创建 Flux 的方法同样适用。 想要创建响应式流，可以利用 Reactor 框架所提供的各种工厂方法来达到静态创建的效果，同时也可以使用更加灵活的编程式方式来实现动态创建。
6.4K31编辑于 2024-09-09- 来自专栏CSDN博客
PPASR流式与非流式语音识别
本项目将分三个阶段分支，分别是入门级 、进阶级 和最终级 分支，当前为最终级，持续维护版本。PPASR中文名称PaddlePaddle中文语音识别（PaddlePaddle Automatic Speech Recognition），是一款基于PaddlePaddle实现的语音识别框架，PPASR致力于简单，实用的语音识别项目。可部署在服务器，Nvidia Jetson设备，未来还计划支持Android等移动设备。
1.6K10编辑于 2021-12-07 - 来自专栏一英里广度一英寸深度的学习
流式计算
从spark 说起，谈谈“流式”计算的理解 spark是一个大数据分布式的计算框架，有一些并行计算的基础会更容易理解分布式计算框架的概念。 online业务要求毫秒级的响应速度，这样的业务产生额外的要求，例如对用户的阅读记录对用户的画像的影响、一个订单对全城车辆调度的影响、一个用户的动态对推荐feed流的影响。 Spark streaming 解决秒级响应，即流式计算 spark streaming 将spark 批处理应用，缩小为一个微批micro batch，把microbatch作为一个计算单元。 ? 总结 本文是关于spark streaming流式计算理解的介绍文章。 希望读者能通过10分钟的阅读，理解spark streaming 及流式计算的原理。
4K20发布于 2018-09-12 - 来自专栏全栈程序员必看
流式布局 简单_CSS3流式布局
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
81420编辑于 2022-11-17 - 来自专栏单片机/c#技术分享
【流式传输】使用Spring Boot实现ChatGpt流式传输
Code 我这边用的是JDK21版本，可以看到下面，我们实现了两种方式一种是WebFlux实现响应式返回，另外一种就是SSE的标准写法，有关SSE，大家可以百度去看看他的一些规则，需要设置一些Header response.setCharacterEncoding("UTF-8"); response.getWriter().write(data); } } 下面是我们使用WebFlux实现流式传输的一种方式 下面是使用SSE实现流式传输的一种，同时前端代码如下。 <! </script> </head> <body>
</body> </html> 结束 以上便是今天的所有内容，使用WebFlux以及原始SSE实现流式传输的效果2.3K10编辑于 2023-12-20 - 来自专栏即时通讯技术
通俗易懂：AI大模型基于SSE的实时流式响应技术原理和实践示例
本文引用了后台技术汇一枚少年郎“大模型应用之：SSE流式响应”的内容，下文有修订和重新排版。 1、引言文章介绍了SSE（Server-Sent Events）技术在大模型流式响应中的应用，包括其发展历程、ChatGPT流式输出原理、SSE技术特点及与WebSocket的对比，并提供了两种流式响应落地方案 4、ChatGPT的流式输出技术原理我们看一下ChatGPT的completion API的completion API。 WebSocket数据交互示意图：WebSocket 与 SSE 对比总结：7、流式响应落地示例1）使用框架接受流式响应：LanghChain的stream接口。 content, token_usage=usage) yield resp.to_string()2）自行拆包整合算法，处理流式响应
2K10编辑于 2025-08-14
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号