搜索
查看
编辑修改
首页
UNITY
NODEJS
PYTHON
AI
GIT
PHP
GO
CEF3
JAVA
HTML
CSS
搜索
繁依Fanyi0
这个屌丝很懒,什么也没留下!
关注作者
热门标签
jquery
HTML
CSS
PHP
ASP
PYTHON
GO
AI
C
C++
C#
PHOTOSHOP
UNITY
iOS
android
vue
xml
爬虫
SEO
LINUX
WINDOWS
JAVA
MFC
CEF3
CAD
NODEJS
GIT
Pyppeteer
article
热门文章
1
基于DSP的FFT算法在无功补偿控制器上的应用_fft计算有功无功
2
李沐深度学习-d2lzh_pytorch模块实现_d2lzh pytorch
3
Ubuntu18.04 编译FFmpeg 支持 QSV 硬编解码_ubuntu 硬解
4
【windows|010】OSI七层模型和TCP/IP五层模型详解_windows 通信模型
5
[pytorch] pytorch安装和更新_如何更新pytorch
6
com.alibaba.druid.pool.GetConnectionTimeoutException: wait millis 3000, active 16,maxActive 16_nested exception is com.alibaba.druid.pool.getconn
7
Linux线程安全:线程互斥
8
Python 举例说明异常模块中 try except else finally的相关意义_python try else的意义
9
算法竞赛入门习题第三章
10
Java培训实现月薪15k,我都经历了什么(绝不是广告)_大三下学期休学什么时候上课
当前位置:
article
> 正文
服务端渲染和客户端渲染的选择_根据页面降级配置确定由客户端渲染还是服务器渲染
作者:繁依Fanyi0 | 2024-08-12 21:13:14
赞
踩
根据页面降级配置确定由客户端渲染还是服务器渲染
在学习node.js模板引擎渲染的过程中,发现一个问题,为什么一些场景下会使用服务端渲染?
客户端渲染:
客户端向服务端发送请求,请求一次 html页面。
服务端返回页面(页面字符串)。
客户端收到响应页面,从上到下依次解析,当有需要渲染的css、js文件,则再次发起ajax请求。
服务端返回相应的数据和文件。
客户端拿到ajax响应结果,进行模板引擎渲染,将数据渲染为响应页面。
服务端渲染:
客户端向服务端请求一次。
服务端返回页面+数据,在发送给客户端前,对页面进行初始渲染处理。例如在node.js中:
var 渲染结果 = template.render( 模板字符串,{ 解析替换对象 } )
response.end( 渲染结果 )
响应结果就是最终结果,客户端无需再次请求,浏览器完成解析。
选择的原因:
服务端渲染是可以被爬虫抓取到的,客户端异步渲染不利于 SEO 搜索引擎优化,是很难被爬虫抓取到的。
例如购物网站的商品列表采用的是服务端渲染,目的了为了 SEO 搜索引擎优化,可以被搜索到相应的数据;而它的商品评论列表为了用户体验,而且也不需要 SEO 优化,所以采用是客户端渲染,不用刷新页面即可加载更多数据。
因此多数网站都根据不同需要采用两种渲染方式。
声明:
本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:
https://www.wpsshop.cn/w/繁依Fanyi0/article/detail/971620
推荐阅读
article
零一万物
Yi
-
1.5
开源
,
34
B
/9B/6B多尺寸,
34
B
超Qwen
1.5
-72B_零一万物
开源
下载
...
近年来,大型语言模型(LLM)在各个领域展现出惊人的能力,为人们的生活和工作带来了巨大的改变。然而,大多数
开源
LLM ...
赞
踩
article
IDEA
中
的
Git操作之拉取
仓库
与
代码
找回_
idea
删掉
的
文件
要
不
要
提到
仓库
...
上篇文章我们介绍了在
IDEA
中创建分支与切换分支
的
操作,这篇文章我们来讲讲如何在
IDEA
中拉取
仓库
以及
代码
回退相关
的
内容...
赞
踩
article
【
嵌入式
硬件】
快
衰减
和
慢
衰减
_
慢
衰减
和
快
衰减
电机
...
在使用直流有刷
电机
驱动芯片A4950时,这款芯片采用的是PWM控制方式,我发现他的正转、反转有两种控制方式,分别是
快
衰减
...
赞
踩
article
图文并茂
,
HashMap
经典详解!...
什么是
HashMap
?
HashMap
是基于哈希表的Map接口的非同步实现。此实现提供所有可选的映射操作
,
并允许使用nul...
赞
踩
article
Flink的
DataStream
状态
管理...
(1)键控
状态
(keyed state)(2)算子
状态
(Operator State)(3)广播
状态
(Broadcast...
赞
踩
article
Navicat
运行多个
sql
文件
_
navicat
批量
执行
脚本...
执行
结束之后可以在
sql
文件
目录中看到新增的‘aaa.
sql
’
文件
。在
Navicat
对应的数据库中运行aaa.
sql
文件
...
赞
踩
article
某赛
通电子
文档
安全
管理系统
CDGAuthoriseTempletService1
SQL
注入漏洞复...
某赛
通电子
文档
安全
管理系统
的
CDGAuthoriseTempletService1
接口存在
SQL
注入漏洞。 攻击...
赞
踩
article
SLMs
之
Phi
-
3
:
Phi
-
3
的简介
、
安装和
使用
方法
、
案例应用之详细攻略_
phi
3
...
Phi
-
3
模型以其卓越的性能和高效的成本而著称,超越了同等大小和稍大一号的模型,在各种语言
、
推理
、
编码和数学基准测试中表...
赞
踩
article
安装
selenium
教程_pip
安装
selenium
...
这篇教程详细介绍了如何在Windows环境下
安装
Python、pip、
selenium
,并指导设置PyCharm项目路径...
赞
踩
article
基于
龙芯+国产
FPGA
的
VPX
以太网
交换
板设计(一)_
基于
fpga
的
交换
机...
份
交换
节点有互连通路,当其主
交换
节点出现故障时,备份
交换
节点接替主
交换
节点,换芯片等具有良好的应用前景,另一方面,宽带数...
赞
踩
article
Java
集合
底层
原理剖析(
List
、Set、
Map
、
Queue
)_java中几种
集合
的
底层
原理?...
Java
集合
底层
原理剖析(
List
、Set、
Map
、
Queue
)温馨提示:下面是以
Java
8 版本进行讲解,除非有...
赞
踩
article
从头开始
学习
扩散
模型
Stable
Diffusion
_如何从头训练
diffusion
...
今天我们来揭开
Stable
Diffusion
技术的神秘面纱。_如何从头训练
diffusion
如何从头训练diffu...
赞
踩
article
C/C++
实现
多
线程
与
线程
同步
_c++
多
线程
执行
同一个
函数
...
多
线程
中的
线程
同步
可以使用,CreateThread,CreateMutex 互斥锁
实现
线程
同步
,通过临界区
实现
线程
同步
...
赞
踩
article
探索
AI
新高度:
NVIDIA
RTX
4090
显卡
性能
全面解析_
4090
显卡
算力
...
本文详细介绍了
NVIDIA
GeForce
RTX
4090
的
性能
提升、创新技术(如DirectX12Ultimate和Ten...
赞
踩
article
Spring
Boot
与
RabbitMQ
整合:实现高可用消息队列服务_
springboot
+rabb...
✌️大厂。_
springboot
+
rabbitmq
springboot
+
rabbitmq
...
赞
踩
article
如何通过
iptables
配置
URL
过滤
黑名单
?...
正文共:1555 字 16 图,预估阅读时间:2 分钟我们前面曾经简单介绍过
URL
过滤
功能(
URL
过滤
功能了解一下?),...
赞
踩
article
Flink
各类
运行
环境
介绍_
flink
需要哪些
运行
环境
...
独立部署(Standalone)模式由
Flink
自身提供计算资源,无需其他框架提供资源,这种方式降低了和其他第三方资源框...
赞
踩
article
mac
附加
权限
问题_
mac
node
管理员
权限
...
root
权限
用户
权限
。_
mac
node
管理员
权限
mac
node
管理员
权限
...
赞
踩
article
【
Obsidian
】
视频
笔记
插件
Media
Extended
的强大功能_
obsidian
插入
视频
...
Obsidian
是一款基于Markdown语法的
笔记
软件,以其灵活的链接功能、丰富的
插件
系统以及高度可定制的界面受到了广...
赞
踩
article
【
成神
之路】
Nuxt
入门
...
1.
Nuxt
.js 概述1.1 我们一起做过的SPASPA(single page web application)单...
赞
踩
相关标签
深度学习
人工智能
语言模型
自然语言处理
git
嵌入式硬件
链表
数据结构
hashmap
java
hash
状态管理
Keyed State
ValueState
ListState
MapState
ReducingState
OperatorState
sql
数据库
安全
web安全
网络
大语言模型
LLMs