美文网首页
二十一(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

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