美文网首页
二十一(1)、客户端和服务器端渲染 ------ 2020-04

二十一(1)、客户端和服务器端渲染 ------ 2020-04

作者: 自己写了自己看 | 来源:发表于2020-04-07 20:56 被阅读0次

1、服务器端渲染的特点:

1、我们看到的内容都是在服务器端渲染完成的(JSP
、PHP、ASP、ASP.NET、NODE......),客户端只是
把所有渲染好的内容呈现在页面中而已,然而我们第一
次渲染完,页面中某部分数据需要更新了,我们需要让
服务器整体的渲染一次,把最新的页面(包含最新的数
据)返回给客户端,客户端只能整体刷新页面展示最新
的内容,‘全局刷新’ 性能和体验等都非常差,而且服务
器压力也很大;
2、如果服务器性能比较好,页面呈现出来的速度会快一
些,因为只要从服务器拿到内容,一切信息都已经准备
好了;
3、由于内容在服务器端就已经渲染好了,所以页面渲染
完成后,在页面的源代码中都可以看到内容,有利于SEO
搜索引擎优化;

2、客户端渲染数据内容的特点:

1、可以实现页面中内容局部刷新,而且渲染的操作交给
客户端来做 => 体验好、减轻了服务器的压力;
2、而且开始可以只把部分区域的数据获取到,滚动到某个
区域后,再请求对应的数据也可以,实现数据的分批异步
加载,提高性能体验;
3、但是由客户端渲染的内容没有出现在页面的源代码中,
不利于SEO优化;

3、当代项目的整体架构:

1、纯服务器渲染(需要做SEO优化或者技术氛围问题);
2、混编模式:部分内容是服务器端渲染,部分内容是客
户端渲染,常见的模式:
 + 骨架屏:首屏内容为服务器端渲染(目的是一打开就能
把首屏内容加载出来,前提是服务器得给力),其余内容都
是客户端基于ajax再逐一获取到的,对于表单提交等数据交
互操作,也是客户端基于ajax等操作为主;
3、完全的客户端和服务器端分离开发 => 目前最常见的:
   + Vue、React、jQuery
4、把Vue、React基于node在服务器端渲染 => 服务器端渲染;

相关文章

  • 二十一(1)、客户端和服务器端渲染 ------ 2020-04

    1、服务器端渲染的特点: 2、客户端渲染数据内容的特点: 3、当代项目的整体架构:

  • React 实作笔记

    服务器端渲染(与客户端渲染共存) npm i express-react-view服务器端先渲染整个页面,页面组件...

  • react 生命周期

    componentWillMount 1 .在渲染之前调用,在客户端也在服务器端2 . componentDidM...

  • react生命周期

    componentWillMount( ) 在渲染前调用,在服务器端也客户端 render( ) 渲染 compo...

  • OpenGL 渲染流程图解析

    首先我来看一下渲染流程图,服务器端和客户端在功能和运⾏上都是异步,如下图: 1、客户端 Attributes(属性...

  • 使用react-native 重构<一>base

    react-native的生命周期 1.渲染前调用存在于客户端,服务器端 componentWillMount()...

  • 服务端渲染

    1.什么是服务器端渲染和客户端渲染? 互联网早期,用户使用浏览器浏览的都是一些没有复杂逻辑的、简单的页面,这些页面...

  • 关于 SAP UI5 对服务器端渲染 Server Sider

    之前 Jerry 的公众号文章介绍过 SAP 产品的渲染模式: SAP UI渲染模式:客户端渲染 VS 服务器端渲...

  • Vue 服务端渲染

    什么是服务器端渲染 (SSR)? Vue.js 是构建客户端应用程序的框架。但是可以将组件在服务器端渲染为 HTM...

  • SpringBoot.5 使用thymeleaf渲染页面

    在Web开发中,有两种主流的页面渲染方案: 服务器端渲染,通过页面渲染引擎渲染好HTML页面发送给浏览器 客户端渲...

网友评论

      本文标题:二十一(1)、客户端和服务器端渲染 ------ 2020-04

      本文链接:https://www.haomeiwen.com/subject/khgnphtx.html