首页 > 试题广场 >

下面对于服务端渲染和客户端渲染描述正确的是

[不定项选择题]

下面对于服务端渲染和客户端渲染描述正确的是 

  • 通过vue-cli，create-react-app 等工具创建的项目是服务端渲染的
  • 服务端渲染的用户体验一定优于客户端渲染
  • 服务端渲染对SEO更加友好，而且首屏渲染通常更快一些
  •  SPA是客户端渲染的
查看正确选项
添加回答
能进外包就算成功头像 能进外包就算成功

https://ssr.vuejs.org/zh/

server-side-render

就是让服务器来渲染页面。

https://zhuanlan.zhihu.com/p/171579801

优点

与传统 SPA (单页应用程序 (Single-Page Application)) 相比，服务器端渲染 (SSR) 的优势主要在于：

  • 更好的 SEO，由于搜索引擎爬虫抓取工具可以直接查看完全渲染的页面。

  • 更快的内容到达时间 (time-to-content)，特别是对于缓慢的网络情况或运行缓慢的设备。首屏响应时间变短

缺点

  • 开发条件所限。浏览器特定的代码，只能在某些生命周期钩子函数 (lifecycle hook) 中使用；一些外部扩展库 (external library) 可能需要特殊处理，才能在服务器渲染应用程序中运行。

  • 涉及构建设置和部署的更多要求。与可以部署在任何静态文件服务器上的完全静态单页面应用程序 (SPA) 不同，服务器渲染应用程序，需要处于 Node.js server 运行环境。

  • 更多的服务器端负载。在 Node.js 中渲染完整的应用程序，显然会比仅仅提供静态文件的 server 更加大量占用 CPU 资源 (CPU-intensive - CPU 密集)，因此如果你预料在高流量环境 (high traffic) 下使用，请准备相应的服务器负载，并明智地采用缓存策略。

发表于 2021-06-25 13:47:49 回复(0)
我对你无语了头像 我对你无语了
客户端渲染：浏览器中输出 Vue 组件，进行生成 DOM 和操作 DOM。
服务器端渲染： 将组件渲染为服务器端的 HTML 字符串，将它们直接发送到浏览器，最后将这些静态标记"激活"为客户端上完全可交互的应用程序。
服务器端渲染优点：
1.更好的 SEO，由于搜索引擎爬虫抓取工具可以直接查看完全渲染的页面。
2.更快的内容到达时间，特别是对于缓慢的网络情况或运行缓慢的设备。无需等待所有的 JavaScript 都完成下载并执行，才显示服务器渲染的标记，所以你的用户将会更快速地看到完整渲染的页面。
缺点：
1.开发条件所限。浏览器特定的代码，只能在某些生命周期钩子函数中使用；一些外部扩展库可能需要特殊处理，才能在服务器渲染应用程序中运行。
2.涉及构建设置和部署的更多要求。与可以部署在任何静态文件服务器上的完全静态单页面应用程序 (SPA) 不同，服务器渲染应用程序，需要处于 Node.js server 运行环境。
3.更多的服务器端负载。在 Node.js 中渲染完整的应用程序，显然会比仅仅提供静态文件的 server 更加大量占用 CPU 资源，因此如果你预料在高流量环境下使用，请准备相应的服务器负载，并明智地采用缓存策略。
发表于 2021-07-12 19:11:00 回复(0)
知来者犹可追头像 知来者犹可追
  • Vue.js 是一个用于构建客户端应用的框架。默认情况下，Vue 组件在浏览器中生成和操作 DOM 作为输出。我们也可以将相同的组件在服务端渲染成 HTML 字符串，直接返回给浏览器，最后再将静态的 HTML“激活” (hydrate) 为完全交互式的客户端应用。
       与客户端的单页应用 (SPA) 相比，SSR 的优势主要在于：
            更快的内容到达时间；
            统一的心智模型：可以使用相同的语言以及相同的声明式、面向组件的心智模型来开发整个应用；
            更好的 SEO：搜索引擎爬虫可以直接看到完全渲染的页面。
  • 通过vue-cli，create-react-app 等工具创建的项目是客户端渲染
发表于 2022-05-17 15:31:41 回复(0)
东北老番茄头像 东北老番茄

一、客户端渲染


用户输入地址，客户端向服务器发送请求

=> 服务器传给浏览器相应的网页文件

=> 浏览器解析文件

=> 遇到ajax请求则向服务器再次请求一些数据

=> 服务器再次向浏览器发送相应的数据

=> 浏览器拿到ajax请求返回的数据后，将数据渲染在页面上

优点

  1. 可以向用户快速展示页面的内容，增加用户体验
  2. 给别人爬虫爬取相应的内容增加一定的困难

缺点

  1. 可能需要向服务器请求多次数据
  2. 不利于SEO 搜索引擎优化，即百度、搜狗等搜索引擎搜索不到客户端渲染的数据

二、服务器渲染

客户端向服务器发送一次请求

=> 服务器接收请求，并在服务端操作网页文件，将对应数据导入文件

=> 服务器在服务端渲染好整个网页，发送给客户端

=> 客户端接收服务器发送过来的网页文件，不需要做任何操作，直接呈现

优点

  1. 只需要向服务器请求一次
  2. 利于SEO 搜索引擎优化，即能被搜索引擎搜索到，能向用户展示你网页的东西

缺点

  1. 如果数据量过大，在服务器渲染的时间就会过长，造成浏览器暂时的空白
  2. 容易被爬虫爬取

三、如何区分客户端渲染和服务器渲染

若页面做整体的刷新，即网址发生改变，就是服务器渲染
若页面做了局部刷新，即网址没发生改变，就是客户端渲染

发表于 2022-04-17 08:19:04 回复(0)
提交观点

问题信息

小米集团 前端工程师 2021
上传者：小小
难度：
4条回答 832浏览

热门推荐

相关试题

扫一扫，把题目装进口袋

求职之前，先上牛客

扫描二维码，进入QQ群

扫描二维码，关注牛客公众号