当前位置：首页 > news >正文

CSR、SSR与ISR的奇妙之旅

news 来源：原创 2025/6/16 8:42:30

网页渲染三剑客：CSR、SSR与ISR的奇妙之旅

三种渲染方式的核心本质

CSR(客户端渲染)让浏览器成为"厨师"，SSR(服务器端渲染)让服务器担任"厨师"，而ISR(增量静态再生)则是一位兼具"提前备餐"和"即时烹饪"能力的"超级厨师"。

🍳 生活类比：想象你去餐厅点餐…

CSR: 现场烹饪模式

CSR是由客户端（浏览器）负责渲染页面内容的技术，服务器只提供数据，浏览器获取数据后动态生成HTML并更新DOM。

🔄 流程图:

用户访问网站↓
浏览器请求页面↓
服务器返回"空壳"HTML和JS脚本↓
浏览器加载JS↓
JS向API请求数据↓
API返回JSON数据↓
JS使用数据渲染页面↓
用户看到完整页面

🍽️ 餐厅类比：就像去一家"食材自选+现场烹饪"的餐厅

你到店后先拿到一个空盘子(基础HTML)和烹饪工具(JavaScript)
服务员只负责送来原材料(JSON数据)
你需要在桌边自己完成烹饪过程(浏览器渲染)
优点：可以随时调整菜品口味(交互性强)
缺点：从入座到开吃有段等待时间(首屏加载慢)

// React CSR示例
function App() {const [products, setProducts] = useState([]);const [loading, setLoading] = useState(true);useEffect(() => {// 浏览器中请求数据fetch('/api/products').then(res => res.json()).then(data => {setProducts(data);

CSR、SSR与ISR的奇妙之旅

网页渲染三剑客：CSR、SSR与ISR的奇妙之旅三种渲染方式的核心本质 CSR(客户端渲染)让浏览器成为"厨师"，SSR(服务器端渲染)让服务器担任"厨师"，而ISR(增量静态再生)则是一位兼具"提前备餐"和"即时烹饪"能力的"超级厨师"…...

编程日记 2025/5/27 8:24:30

YOLO+UI（C#）开发

接Windows目标检测程序开发（YOLO（python推理）界面开发（C#）） C#作为软件界面，推理、前处理、后处理逻辑全部python，接任何功能定制...

编程日记 2025/5/29 15:19:12

生产级JVM参数优化

Spring Boot 应用性能提升 300% 当你的 Spring Boot 应用响应迟缓，且已采用缓存、数据库索引和异步处理优化后，下一个优化方向在哪里？我的答案是 JVM 本身。经过性能分析和深入研究，我发现合理配置 JVM 参数可以带来显著的性能…...

编程日记 2025/5/29 13:31:25

什么是SMBus

一、SMBus的定义与背景基本概念 SMBus（System Management Bus，系统管理总线） 是一种基于IC（Inter-Integrated Circuit）协议的轻量级两线制串行通信总线，由Intel于1995年提出，主要用于低带宽系统…...

编程日记 2025/5/31 7:55:23

[Unity]AstarPathfindingProject动态烘焙场景

需求项目是MMO大场景，按地块划分了10x10的大格子。角色移动时动态更新周边场景，且角色还有传送功能。项目中寻路用了AstarPathfindingProject的Grid。因此需要动态烘焙寻路信息。核心代码 private void bakeAStarPath(){AstarPath astarPath Astar…...

编程日记 2025/5/23 17:35:46

Go语言处理HTTP下载中EOFFailed

在 Go 语言中使用 HTTP 下载文件时遇到 EOF 或 Failed 错误，通常是由于网络连接问题、服务器中断、未正确处理响应体或并发写入冲突等原因导致的。以下是详细的解决方案： 1. 检查错误类型并重试 io.EOF 错误可能表示连接被服务器关闭，而 Fai…...

编程日记 2025/5/19 20:40:32

React学习（一）

React 基础概念组件：React 应用的基本构建块，可以是类组件或函数组件。JSX：JavaScript 的语法扩展，允许在 JavaScript 中写 HTML 结构。Props：组件的输入参数，用于父组件向子组件传递数据。State&#xf…...

编程日记 2025/5/24 5:27:29

QML 属性动画、行为动画与预定义动画

目录引言相关阅读本文使用的动画属性工程结构示例解析示例1：属性动画应用示例2：行为动画实现示例3：预定义动画总结工程下载引言 QML动画系统为界面元素提供了流畅的过渡效果。本文通过三个示例，结合属性动画(PropertyAnimatio…...

编程日记 2025/5/28 7:52:44

UML活动图零基础入门：1 分钟掌握核心逻辑（附实战模板）

想快速搞懂UML活动图怎么用？别担心！作为软件开发和业务流程设计的动态流程图，UML活动图能直观展现系统操作步骤、决策逻辑和并行流程，是团队协作中沟通需求、优化流程的必备工具。无论是产品经理梳理业务流程，还是开发…...

编程日记 2025/5/27 4:44:02

临床决策支持系统的提示工程优化路径深度解析

引言随着人工智能技术在医疗领域的迅猛发展，临床决策支持系统(CDSS)正经历从传统规则引擎向智能提示工程的范式转变。在这一背景下，如何构建既符合循证医学原则又能适应个体化医疗需求的CDSS成为医学人工智能领域的核心挑战。本报告深入剖析了临床决策支持系统中提示工程的…...

编程日记 2025/5/26 6:06:06

[模型部署] 3. 性能优化

👋 你好！这里有实用干货与深度分享✨✨ 若有帮助，欢迎： 👍 点赞 | ⭐ 收藏 | 💬 评论 | ➕ 关注 ，解锁更多精彩！ 📁 收藏专栏即可第一时间获取最新推送🔔…...

编程日记 2025/5/29 10:34:08

使用 LSTM/GRU 预测设备异常的模型

LSTM（Long Short-Term Memory）是一种特殊的循环神经网络（RNN）架构，旨在解决传统 RNN 在处理长序列数据时的梯度消失和梯度爆炸问题。它通过引入门控机制和单元状态来更好地控制信息的流动，使得网络能够学习到长期依赖关系。以下是其主要特点：门控机制：包括遗忘门、输…...

编程日记 2025/5/29 11:12:36

八股文--JVM(1)

⭐️⭐️JVM内存模型程序计数器：可以看作是当前线程所执行的字节码的行号指示器，用于存储当前线程正在执行的 Java 方法的 JVM 指令地址。如果线程执行的是 Native 方法，计数器值为 null。是唯一一个在 Java 虚拟机规范中没有规定任何 OutOf…...

编程日记 2025/5/25 9:22:01

BM25 算法与关键词提取在向量数据库中的实践优化

BM25 算法与关键词提取在向量数据库中的实践优化在实际构建问答系统或语义检索场景中，向量数据库（如 Weaviate）提供了基于语义匹配的检索能力，然而我们发现 BM25 关键词检索效果不理想，甚至出现了召回率过低、查询必…...

编程日记 2025/5/29 10:14:22

济南超算研究所面试问题

1.自我介绍 2.java抽象类与接口的区别 3.抽象类能否实例化 4.在项目中用的抽象类偏多还是接口偏多 5.抽象类用的场景介绍一下 6.java中数据结构有哪些 7.数据的基本类型 8.引用类型，包装类型 9.是一个场景题，在查询数据库中的数据时，…...

编程日记 2025/5/24 0:16:43

“多维像素”可赋能具身智能非凡感知力——昱感微参加2025松山湖中国IC创新高峰论坛

5月13日，由中国半导体行业协会集成电路设计分会、芯原微电子（上海）股份有限公司联合主办的第十五届松山湖中国IC创新高峰论坛在东莞松山湖举行。本届松山湖论坛以“面向‘具身智慧机器人’的创新IC新品推介”为主题，吸引了许多知名…...

编程日记 2025/5/25 11:16:08

解决CLion控制台不能及时显示输出的问题

CLion 2025版本可以免费用于非商业用途了，下载来试用了一下，与JB的其它 IDE一样的资源占用比较大，流畅度不及VSCode。在Windows下创建了一个简单的控制台应用程序，使用printf和std::cout输出字符串，发现CLion的控制台…...

编程日记 2025/5/29 12:00:11

多尺度对比度调整

一、背景介绍受到了前面锐化算法实现的启发，对高频层做增强是锐化，那么对中低频一起做增强，就应该能有局域对比度增强效果。直接暴力实现了个基本版本，确实有对比度增强效果。然后搜了下关键字，还真找到了已经有人这…...

编程日记 2025/5/29 13:14:17

虹桥前湾印象城MEGA品牌大会灵感迸发，共绘湾系生活新章

前言：当千年水韵流淌至上海前湾，当苏州河的生态肌理转化为商业空间的呼吸脉络……上海虹桥前湾印象城MEGA“漫漫而来”。 5月15-16日，以“灵感新章 Wave of Megagination”为主题的虹桥前湾印象城MEGA品牌大会成功举办，正式掀开长…...

编程日记 2025/5/24 4:37:53

新京东，正在成为一种生活方式

出品|何玺排版|叶媛一个新京东，正在从“心”诞生。 2025年2月11日之前，如果问京东是做什么的，相信大多数人会回答京东是电商平台，卖家电数码日用百货的。现在，如果问京东是做什么的，相信大家的回答不在是…...

编程日记 2025/5/27 17:32:11

读论文alexnet:ImageNet Classification with Deep Convolutional Neural Networks

https://zhuanlan.zhihu.com/p/13694329885 1, 公式卷积层输出尺寸： o ⌊(i 2p - k) / s⌋ 1 式中，i:输入尺寸；o:输出尺寸；p:padding；k: kernel_size；s: stride。⌊…⌋表示向下取整。 2, 推导过程 …...

编程日记 2025/5/26 15:00:29

操作系统|| 虚拟内存页置换算法

题目写一个程序来实现 FIFO 和 LRU 页置换算法。首先，产生一个随机的页面引用序列，页面数从 0~9。将这个序列应用到每个算法并记录发生的页错误的次数。实现这个算法时要将页帧的数量设为可变。假设使用请求调页。可以参考所示的抽象类。抽象类&…...

编程日记 2025/5/27 5:22:27

AGI大模型（19）：下载模型到本地之ModelScope(魔搭社区)

1 安装模块魔塔社区提供了下载的模块，如下： pip install modelscope -i https://pypi.tuna.tsinghua.edu.cn/simple 2 模型下载 from modelscope import snapshot_download model_dirsnapshot_download(LLM-Research/Meta-Llama-3-8B,cache_dirrD:\…...

编程日记 2025/6/3 9:37:03

常见面试题

1.stringbuffer和stringbuilder的区别，stringbuffer是通过什么实现线程安全的? StringBuffer 和 StringBuilder 都是用于处理可变字符串的类，但它们的主要区别在于线程安全性。 StringBuffer 的线程安全是通过方法加锁（synchronized&…...

编程日记 2025/5/21 14:10:05

【视觉任务】深度估计（Depth Estimation）介绍（2025年更新）

文章目录 1. 任务定义与意义2. 按输入类型的分类2.1 单目深度估计（Monocular Depth Estimation）2.2 双目与多视图深度估计（Stereo / Multi-view）2.3 深度相机输入（RGB-D）2.4 主动与被动方法 3. 核心方法概述…...

编程日记 2025/6/3 14:42:30

Python 在Excel单元格中应用多种字体样式

文在数据处理和报表生成场景中，Excel 文件的格式设置至关重要。合理的字体格式不仅能提升表格的可读性，还能突出关键数据。本文将详细介绍如何使用免费库Free Spire.XLS for Python，在 Excel 单元格中灵活应用多种字体格式，包括字…...

编程日记 2025/5/22 23:17:50

C++：字符串操作函数

strcpy() 功能：把一个字符串复制到另一个字符串。 #include <iostream> #include <cstring> using namespace std;int main() {char src[] "Hello";char dest[10];strcpy(dest, src);cout << "Copied string: " << …...

编程日记 2025/5/27 20:56:30

Spark，SparkSQL操作Mysql，创建数据库和表

SparkSQL操作Mysql 1.查看系统内是否有mysql [roothadoop100 ~]# rpm -aq | grep mariadb mariadb-libs-5.5.68-1.el7.x86_64 2.想我上面输出了有结果的即证明有，使用下列命令删除即可 [roothadoop100 ~]# rpm -e --nodeps mariadb-libs 3.进入我们常用存放压缩包…...

编程日记 2025/6/1 12:00:30

降低学习成本，1 天掌握 Java 开发核心技能

在当今数字化浪潮中，Java 编程语言凭借其卓越的跨平台性与稳定性，在企业级系统搭建、移动端应用开发以及大数据处理等领域占据着举足轻重的地位。但不可忽视的是，Java 开发链条冗长，从需求剖析到代码落地的全流程充满挑战&#xf…...

编程日记 2025/5/22 8:27:13

类模板的简单实例

author: hjjdebug date: 2025年 05月 16日星期五 15:06:00 CST description: 类模板的简单实例文章目录 1.实例代码:2. 模板类写法2.1 模板类的构造函数.2.2 模板类中的语句 3. 模板类的实例化过程.3.1 实例化的进一步试验. 4. 怎样调试constexpr 修饰的函数？ 类模…...

编程日记 2025/6/4 6:55:26

描述性统计图表

一、核心图表类型与用途 1、直方图（Histogram）（1）定义：用连续矩形表示数据分布，横轴为数据区间，纵轴为频数或频率。（2）用途：展示数据分布形态（对称、偏态）、识别离群值。（3）适用场景：分析连续型变量的分布特征，如收入分布、考试成绩分布。 2、箱线图（Box P…...

编程日记 2025/5/26 12:33:39

【Golang笔记01】Goland基础语法规则

Golang笔记：快速学习Golang基础语法规则一、基础语法 1.1、环境安装第一步需要安装go的运行环境，从官网下载安装包：https://golang.google.cn/dl/。第二步需要安装go的开发工具，可以使用vscode、goland。这里推荐使用golan…...

编程日记 2025/5/28 7:53:24

STM32 ADC+DMA+TIM触发采样实战：避坑指南与源码解析

知识点1【TRGO的介绍】 1、TRGO的概述 TRGO：Trigger Output（触发输出），是定时器的一种功能。它可以作为外设的启动信号，比如ADC转换，DAC输出，DMA请求等。对于ADC来说，可以通过…...

编程日记 2025/5/31 10:58:02

Gmsh 读取自定义轮廓并划分网格：深入解析与实践指南

一、Gmsh 简介（一）Gmsh 是什么 Gmsh 是一款功能强大的开源有限元网格生成器，广泛应用于工程仿真、数值模拟以及计算机图形学等领域。它为用户提供了从几何建模到网格划分的一整套解决方案，能够有效处理复杂几何形状，生成高质量的二维和三维网格，满足多种数值方法的需求…...

编程日记 2025/5/28 16:26:10

Elasticsearch/OpenSearch 中doc_values的作用

目录 1. 核心作用 2. 适用场景 3. 与 index 参数的对比 4. 典型配置示例场景 1：仅用于聚合，禁止搜索场景 2：优化大字段存储 5. 性能调优建议 6. 底层原理 doc_values 是 Elasticsearch/OpenSearch 中用于优化查询和聚合的列式存储结…...

编程日记 2025/5/27 17:25:53

如何在 Windows 10 或 11 上使用命令提示符安装 PHP

我们可以在 Windows 上从其官方网站下载并安装 PHP 的可执行文件，但使用命令提示符或 PowerShell 更方便。 PHP 并不是一种新的或不为人知的脚本语言，它已经存在并被全球数千名网络开发人员使用。它以开源许可并分发，广泛用于 LAMP 堆栈中。然而，与 Linux 相比，它在 Wind…...

编程日记 2025/5/27 7:43:14

SZU 编译原理

总结自深圳大学《编译原理》课程所学相关知识。文章目录文法语法分析自顶向下的语法分析递归下降分析LL(1) 预测分析法FIRST 集合FOLLOW 集合文法乔姆斯基形式语言理论： 表达能力：0型文法 > 1型文法 > 2型文法 > 3型文法。 0 型文法&am…...

编程日记 2025/5/29 11:32:37

灌区量测水自动化监测解决方案

一、方案背景随着社会发展和人口增长，水资源需求不断增大。我国水资源总量虽然丰富，但时空分布不均，加之农业用水占比大且效率偏低，使得水资源短缺问题日益凸显。农业用水一直是我国的耗水大户，占全部耗水总量的60%以…...

编程日记 2025/6/1 23:00:08

CVE-2017-8046 漏洞深度分析

漏洞概述 CVE-2017-8046 是 Spring Data REST 框架中的一个高危远程代码执行漏洞，影响版本包括 Spring Data REST < 2.5.12、2.6.7、3.0 RC3 及关联的 Spring Boot 和 Spring Data 旧版本。攻击者通过构造包含恶意 SpEL（Spring Expression Language&…...

编程日记 2025/5/28 8:30:43

1基·2台·3空间·6主体——蓝象智联解码可信数据空间的“数智密码”

近日，由全国数据标准化技术委员会编制的《可信数据空间技术架构》技术文件正式发布，标志着我国数据要素流通体系向标准化、规范化迈出关键一步。该文件从技术功能、业务流程、安全要求三大维度对可信数据空间进行系统性规范，为地方、行业及企…...

编程日记 2025/5/24 7:12:52

MySQL的存储过程

这一部分比较重要，加油！！！部分代码忘记保存了，嘻嘻，练习代码在最后，大家共勉！！！ 通俗来讲，视图是死的，但是这个可以根据传入的参数不同…...

编程日记 2025/6/1 16:48:26

spring学习-＞sprintboot

spring IoC(控制翻转): 控制:资源的控制权(资源的创建，获取，销毁等) 反转:和传统方式不一样(用上面new什么)，不用new让ioc来发现你用什么，然后我来给什么 DI:(依赖注入) 依赖:组件的依赖关系。如newsController依赖NewsServi…...

编程日记 2025/5/27 6:13:11

如何排查阻塞语句

文章目录文档用途详细信息文档用途查询阻塞当前sql的语句，并结束阻塞语句。详细信息 1、通过pg_stat_activity视图和pg_blocking_pids函数查找阻塞sql。 highgo# select pid,pg_blocking_pids(pid),wait_event_type,wait_event,query from pg_stat_activity…...

编程日记 2025/5/24 20:47:22

TIP-2021《SRGAT: Single Image Super-Resolution With Graph Attention Network》

推荐深蓝学院的《深度神经网络加速：cuDNN 与 TensorRT》，课程面向就业，细致讲解CUDA运算的理论支撑与实践，学完可以系统化掌握CUDA基础编程知识以及TensorRT实战，并且能够利用GPU开发高性能、高并发的软件系统&#xf…...

编程日记 2025/5/24 0:59:22

【AI学习】AI大模型技术发展研究月报的生成提示词

AI大模型技术发展研究月报生成提示词请输出AI大模型技术发展研究月报，要求如下： —————————— 任务目标在今天（{{today}}）往前连续 30 天内，检索已正式公开发表的、与AI大模型（参数量 ≥10B&am…...

编程日记 2025/5/27 6:11:09

深入理解 Git 分支操作的底层原理

在软件开发的世界里，Git 已经成为了版本控制的标配工具。而 Git 分支功能，更是极大地提升了团队协作和项目开发的效率。我们在日常开发中频繁地创建、切换和合并分支，但是这些操作背后的底层原理是怎样的呢？在之前的博客探秘Git底…...

编程日记 2025/5/29 19:16:04

泰迪杯特等奖案例深度解析：基于多模态融合与小样本学习的工业产品表面缺陷智能检测系统

（第九届泰迪杯数据挖掘挑战赛特等奖案例全流程拆解）一、案例背景与核心挑战 1.1 工业质检痛点分析在3C电子、汽车零部件等高端制造领域，产品表面缺陷（划痕、凹陷、氧化等）检测是质量控制的核心环节。传统人工目检存在效率低（平均检测速度3秒/件）、漏检率高（约15%）…...

编程日记 2025/5/28 15:07:35

Go语言爬虫系列教程实战项目JS逆向实现CSDN文章导出教程

爬虫实战：JS逆向实现CSDN文章导出教程在这篇教程中，我将带领大家实现一个实用的爬虫项目：导出你在CSDN上发布的所有文章。通过分析CSDN的API请求签名机制，我们将绕过平台限制，获取自己的所有文章内容，并以…...

编程日记 2025/5/21 11:50:36

轨道炮--范围得遍历，map巧统计

1.思路很难想，但代码一看一下就明白了，就是模拟时间，map存起来遍历也不受10*6影响 2.每次先统计点对应的直线，再动这个点，map一遍历实时更新ma统计max，AC!!!! https://www.luogu.com.cn/problem/P8695 #i…...

编程日记 2025/5/26 7:21:45

python中集合的操作

Python中的集合（Set）是一种无序、可变且元素唯一的数据结构，主要用于去重和数学运算。以下是核心操作分类： ‌1. 集合创建‌ 大括号创建：s {1, 2, 3}（空集合必须用set()）构造函数&#xff1a…...

编程日记 2025/5/27 8:32:34

网页渲染三剑客：CSR、SSR与ISR的奇妙之旅

三种渲染方式的核心本质

CSR: 现场烹饪模式

相关文章：