资讯专栏INFORMATION COLUMN

捋一捋服务器端渲染和客户端渲染的区别

muzhuyu / 1763人阅读

摘要:常听到服务器端渲染和浏览器端渲染这兄弟俩,一直不是很理解,尤其对于我这种没有后台开发经验的小白来说,理解起来异常困难,最近花时间查了很多资料,总算弄明白了,于是整理下,加深记忆。

常听到服务器端渲染和浏览器端渲染这兄弟俩,一直不是很理解,尤其对于我这种没有后台开发经验的小白来说,理解起来异常困难,最近花时间查了很多资料,总算弄明白了,于是整理下,加深记忆。
这边文章是参考下面的文章做的总结
https://segmentfault.com/q/10...

首选我们要明白这两种技术出现的原因,假如我们只是需要一个完全静态的页面,没有任何数据变动,比如a.html
那我们只需要把这个a.html扔到服务器上进行访问就可以了,但是现实工作我们的页面要复杂的多,各种数据变动交互,而你不可能为每一个变动的数据都写一个视图,那么我们就只能把数据和视图分离,然后通过一种技术将数据塞进视图里面,这种技术就叫做渲染。

如果这个技术由浏览器来实现就叫客户端渲染,如果是由服务器来实现就叫做服务器端渲染。

这里要特别注意一点,这篇文章说的渲染和浏览器渲染html没有任何关系,这里的渲染是指生成html文档的过程,新手小白要特别注意不要弄混了.

下面我们用一个表格来总结下浏览器和服务器端渲染端却别和优缺点

在看下客户端和服务器端渲染路线,下图左侧是客户端渲染,右侧是服务器端渲染

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/53948.html

相关文章

  • 一捋务器渲染客户渲染区别

    摘要:常听到服务器端渲染和浏览器端渲染这兄弟俩,一直不是很理解,尤其对于我这种没有后台开发经验的小白来说,理解起来异常困难,最近花时间查了很多资料,总算弄明白了,于是整理下,加深记忆。 常听到服务器端渲染和浏览器端渲染这兄弟俩,一直不是很理解,尤其对于我这种没有后台开发经验的小白来说,理解起来异常困难,最近花时间查了很多资料,总算弄明白了,于是整理下,加深记忆。这边文章是参考下面的文章做的总...

    chunquedong 评论0 收藏0
  • 一捋React生命周期

    摘要:卸载阶段组件卸载和销毁老版生命周期之前的生命周期初始化阶段涉及个钩子函数这些方法会在组件初始化的时候被调用,只跟实例的创建有关。 前言:React 的版本从 v15 到 v16.3 ,再到v16.4,现在最新的版本是 v16.8了。其中最大的变化可能是React Hooks的加入,而最令人困惑的却是它的生命周期,新旧生命周期函数混杂在一起,难免会让许多新来者有很多困惑。所以这一篇我们来...

    MobService 评论0 收藏0
  • vue 博客优化,服务渲染(SSR)指南

    摘要:现在我们需要在服务端和浏览器之间开启一个中间层用于服务端渲染。问题设置的配置文件这样我们的层才能获取到的,并在客户端将登陆时将保存下来,同时返回给客户端。这样用户在刷新页面时,会通过并带上请求服务器获取数据。 vue 博客优化,服务端渲染(SSR)指南 对已有的单页应用进行改造,优化,使之成为一个具有良好seo的应用 github地址WdBly博客地址 安装 git clone htt...

    KnewOne 评论0 收藏0
  • vue 博客优化,服务渲染(SSR)指南

    摘要:现在我们需要在服务端和浏览器之间开启一个中间层用于服务端渲染。问题设置的配置文件这样我们的层才能获取到的,并在客户端将登陆时将保存下来,同时返回给客户端。这样用户在刷新页面时,会通过并带上请求服务器获取数据。 vue 博客优化,服务端渲染(SSR)指南 对已有的单页应用进行改造,优化,使之成为一个具有良好seo的应用 github地址WdBly博客地址 安装 git clone htt...

    Mr_houzi 评论0 收藏0
  • 一捋Python中List(下)

    摘要:以上函数默认会对一个数字组成的数组进行按数字面值大小排序下午雷学委列表的其他函数持续学习持续开发效果如下,读者可以仔细看看是否如学委所说。 正式的Python专...

    instein 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<