客户端渲染与服务端渲染（1）

客户端渲染即普通的 React 项目渲染方式。 客户端渲染流程：

浏览器发送请求
服务器返回 HTML
浏览器发送 bundle.js 请求
服务器返回 bundle.js
浏览器执行 bundle.js 中的 React 代码
CSR 带来的问题：

首屏加载时间过长
SEO 不友好
因为时间在往返的几次网络请求中就耽搁了，而且因为 CSR 返回到页面的 HTML 中没有内容，就只有一个 root 空元素，页面内容是靠 js 渲染出来的，爬虫在读取网页时就抓不到信息，所以 SEO 不友好

SSR 带来的问题：

React 代码在服务器端执行，很大的消耗了服务器的性能

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/753497.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

python内置函数 M

python内置函数 M

python内置函数 M Python 解释器内置了很多函数和类型，任何时候都能使用。 M 名称描述map返回一个迭代器，其中包含函数应用于每个元素的结果。max返回给定可迭代对象（如列表、元组、字符串等）中的最大元素。memoryview返回由给…
阅读更多...
C语言自定义库

C语言自定义库

编写 xx.c 和xx.h文件\将源代码编译为目标文件 gcc -c add.c sub.c 执行完毕后会生产add.o和sub.o文件静态库创建使用ar命令； ar -r libmymath.a add.o sub.o将库和main.c文件一起编译 gcc -o main main.c -lmymath -L./ 注意 上述书写格式不要错乱 -L 是指定文件路…
阅读更多...
鸿蒙-项目创建及了解

鸿蒙-项目创建及了解

目录 项目创建 1.App普通项目创建 2.元服务创建 项目结构 .hvigor .idea AppScope entry EntryAbility.ts pages resources module.json5 ohosTest hvigorfile.ts build-profile.json5 oh_modules build-profile.json5 hvigorfile.ts 项目运行 项目创建 F…
阅读更多...
uniapp的描述的展开与收缩，超过三行有省略号才显示

uniapp的描述的展开与收缩，超过三行有省略号才显示

html代码&#xff1a; <view class"desc_box"><view id"desc" class"desc" :class"open ? open : three">{{ data.desc }}</view><view class"expand theme-color" click"unfold" v-if&qu…
阅读更多...
单模场哈密顿量推导

单模场哈密顿量推导

满足麦克斯韦方程和边界条件的单模场又下式&#xff08;1&#xff09;&#xff0c;&#xff08;2&#xff09;给出 --------&#xff08;1&#xff09; ---------&#xff08;2&#xff09; , 单模场的经典场能或者哈密顿量又下式给出&#xff1a; &#xff08;3&#xff09…
阅读更多...
JUC并发编程（四）

JUC并发编程（四）

1、同步模式保护性暂停 用一个线程等待另一个线程的执行结果 有一个结果需要从一个线程传递到另一个线程&#xff0c;让他们关联同一个中间类。如果有结果不断从一个线程到另一个线程那么可以使用消息队列&#xff08;见生产者/消费者&#xff09;。JDK 中&#xff0c;join 的…
阅读更多...
WebAssembly探索篇（三）emcc和cmake编译opencv案例

WebAssembly探索篇（三）emcc和cmake编译opencv案例

文章目录 开发环境安装opencv环境 实践出真知完整项目效果图 踩坑fatal error: opencv2/opencv.hpp file not found增加软链ln&#xff08;无效&#xff09;改用自行安装opencv&#xff0c;再显示指定lib路径 emcc命令行运行方式 最近因为项目原因&#xff0c;研究了一下WebAss…
阅读更多...
Anaconda概述

Anaconda概述

Anaconda是一个开源的Python发行版本&#xff0c;它整合了Python解释器、Conda包和环境管理器以及众多预装的科学计算库和工具包。这使得用户能够方便地使用和管理多个Python版本&#xff0c;并在不同的环境中调用不同的数据包。 Conda是Anaconda中的一个关键组件&#xff0c;…
阅读更多...
C语言例：表达式 45-35+1^2 的值

C语言例：表达式 45-35+1^2 的值

代码如下&#xff1a; #include<stdio.h> int main(void) {int a;a 4&5-3&&51^2;printf("4&5-3&&51^2 %d\n",a);return 0; } 结果如下&#xff1a;
阅读更多...
maven一点通

maven一点通

1.maven简介 Maven是一个基于Java的工程构建工具&#xff0c;用于管理和构建项目的依赖关系。它提供了一种标准的项目结构和一组约定&#xff0c;使得项目的开发、构建、部署和文档化更加容易和可靠。 Maven的主要功能包括&#xff1a; 依赖管理&#xff1a;Maven可以自动下载…
阅读更多...
课设系统篇

课设系统篇

《古代六扇门人员管理系统》 数据库 sixdoor 编码 utf8mb4 视图 查询官员等级 存储过程 CREATE DEFINERrootlocalhost PROCEDURE levelname(IN g_name VARCHAR(20)) BEGINSELECT name,level FROM servingofficials INNER JOIN jobtitle onservingofficials.role jobtitl…
阅读更多...
Android性能自测

Android性能自测

目录 一、应用启动耗时自测 二、帧率查看 三、Top命令查看系统资源占用 3.1 第一行&#xff1a;任务(进程) 3.2 第二行&#xff1a;mem状态 3.3 第三行&#xff1a;swap交换分区 3.4 第四行&#xff1a;cpu状态 3.5 第五行&#xff1a;标题 四、抓取trace.html文件分析…
阅读更多...
【CSP考点回顾】C++标准库加速输入输出

【CSP考点回顾】C++标准库加速输入输出

C标准库加速输入输出 ios_base::sync_with_stdio(false);&#xff1a;取消C标准库&#xff08;iostream&#xff09;与C标准库&#xff08;stdio&#xff09;之间的同步。默认情况下&#xff0c;为了保证C的cin、cout与C的stdin、stdout能够互相交换数据&#xff0c;它们之间会…
阅读更多...
基于tcp协议的网络通信(基础echo版.多进程版,多线程版,线程池版),telnet命令

基于tcp协议的网络通信(基础echo版.多进程版,多线程版,线程池版),telnet命令

目录 基础版 思路 辅助函数 服务端 代码 运行情况 -- telnet ip 端口号 传输的数据为什么没有转换格式 客户端 思路 代码 多进程版 引入 问题 解决 注意点 服务端 代码 运行情况 进程池版(简单介绍) 多线程版 引入 问题解决 注意点 服务端 代码 …
阅读更多...
嵌入式Linux 内核的内存管理方法

嵌入式Linux 内核的内存管理方法

内存管理的主要工作就是对物理内存进行组织，然后对物理内存的分配和回收。但是Linux引入了虚拟地址的概念。 虚拟地址的作用 如果用户进程直接操作物理地址会有以下的坏处： 1、 用户进程可以直接操作内核对应的内存，破坏内核运行。 2、 用户进程也会破坏其他进程的运行 …
阅读更多...
连号区间数c++

连号区间数c++

题目 输入样例1&#xff1a; 4 3 2 4 1输出样例1&#xff1a; 7输入样例2&#xff1a; 5 3 4 2 5 1输出样例2&#xff1a; 9样例解释 第一个用例中&#xff0c;有 77 个连号区间分别是&#xff1a;[1,1],[1,2],[1,3],[1,4],[2,2],[3,3],[4,4][1,1],[1,2],[1,3],[1,4],[2,2…
阅读更多...
洛谷团队欢迎你的加入！

洛谷团队欢迎你的加入！

前言 我开这个团队的目的&#xff0c;是可以让大家有什么不会的题目讨论讨论&#xff0c;互相帮助&#xff0c;希望大家能加入。 我的团队——VirgoPHL 作用 我会不定期想一些题目&#xff0c;或出一些比赛&#xff0c;大家可以积极参加。 结尾 真心希望大家参加。
阅读更多...
详细讲解c语言结构体、联合体、枚举

详细讲解c语言结构体、联合体、枚举

目录 1、结构体类型声明 1.1结构体的定义 1.2 结构体变量的声明 1.3 结构体变量的创建和初始化 2、如何使创建的结构体所占内存最小 2.1 结构体内存对齐-存储 2.2 通过宏offsetof计算结构体内变量的偏移量 2.3 如何通过宏offsetof计算数组的偏移量 2.4 为什么存在内存对…
阅读更多...
吴恩达机器学习笔记 二十四 决策树模型 学习过程 什么时候停止分裂 如何选择结点特征

吴恩达机器学习笔记 二十四 决策树模型 学习过程 什么时候停止分裂 如何选择结点特征

案例&#xff1a;识别小猫&#xff0c;上面这个分类的特征 x 采用分类值&#xff08;几个离散的值&#xff09; 决策树最顶端的结点称根结点(root node)&#xff0c;除了根结点和叶子结点之外的叫决策结点(decision node)&#xff0c;最底层的叫叶子结点(leaf node)&#xff0c…
阅读更多...
嵌入式领域机器学习入门指南

嵌入式领域机器学习入门指南

基本概念 机器学习是一门使计算机无需进行明确编程即可学习的科学。它主要利用数据或以往的经验，以此来改进计算机自身的性能。以下是一些核心概念： 监督学习: 训练数据包含输入和预期输出，模型的目的是学习这两者之间的映射关系。无监督学习: 训练数据只包含输入，没有标签…
阅读更多...
最新文章

Copyright @ 2022~2023