美文网首页
服务端渲染和客户端渲染

服务端渲染和客户端渲染

作者: wangpansheng | 来源:发表于2017-05-14 19:25 被阅读0次

服务端渲染是通过后端模板引擎编译成html,css,js,然后回传给前端来进行显示;而前端渲染则是将整个生成逻辑代码全部回传前端,再由客户端生成用户界面。

为什么会有服务端渲染与客户端渲染

早期,我们每一个页面都是直接由html,css,js实现的,每一个页面彼此之间相当于是独立的,当我们的网站应用足够大的时候,每当我们需要修改网站的内容时,我们需要更改很多的代码,非常麻烦。

那么后来,我们聪明的程序员就想到了,使用代码生成代码,就是后端的模板引擎,人们开始广泛使用模板代替手写html,大大减少的前端的工作量。通过代码生成代码,其实就是编译,基于html等基础语言,做出了更高层次的抽象封装,增加了易用性。

后来h5,c3的崛起,再加上客户端硬件性能的提升,我们开始通过前端模板引擎,来在客户端渲染页面。

对待模板,angular,vue,react的态度都不一样。

前后端真正解耦,前端专注于UI视图,后台专注于数据处理,通过设计好的api交互,这是未来的趋势。

从 后端渲染 到 前端渲染 ,有什么变化

  • 计算任务的变化

原来由后端执行的渲染任务,现在放在了前端来做,降低了多用户同时访问时服务端的压力,然后端专注做后端的事情,由于客户端硬件的发展,前端处理起来没有什么问题。

  • 放弃前端权限

将整个页面逻辑,交给客户端以后,会出现劫持的情况,比如某些运营商劫持之后,投放广告。俗话说的好一切在前端谈安全都是耍流氓,后端不能轻信前端发来的数据,一切数据都需要过滤与验证,最好使用ssl,屏蔽XSS。

结语

总之一句话,后端渲染针对seo比较友好,前端渲染,可以减轻服务端的压力,提升服务器的性能,而且可以实现前后端分离!

相关文章

  • node 中使用模板引擎

    服务端渲染和客户端渲染的区别 客户端渲染不利于SEO搜索引擎优化 服务端渲染是可以被爬虫抓取到的,客户端异步渲染是...

  • SSR服务端同构渲染

    页面渲染历史 服务端框架模板渲染 -> 客户端渲染 -> 服务端同构渲染(Server Side Render) ...

  • SSR

    渲染:就是将数据和模版组装成html 客户端渲染(CSR) vs. 服务端渲染 (SSR)vs. 同构 客户端渲染...

  • 服务端渲染(SSR)

    一、服务端渲染与客户端渲染的差别 客户端渲染:服务端存放静态文件html,客户端发起请求,服务端不做任何修改,以资...

  • React SSR 原理与项目工程化

    客户端渲染和服务端渲染 客户端渲染 :顾名思义即 React 代码在客户端渲染执行,当项目启动首次请求服务端时服务...

  • nuxt

    想要学习nuxt.js,首先要弄清楚客户端渲染和服务端渲染这两个概念。 一、客户端渲染 VS 服务端渲染 1. 客...

  • next.js 的初见

    next.js简介 next.js 是一个基于react 的服务端渲染的框架 什么是服务端渲染? 和客户端渲染有什...

  • vue预渲染

    服务端渲染VS预渲染  服务端渲染:将完整的 html 输出到客户端,又被认为是‘同构’或‘通用’        ...

  • nodejs学习笔记——服务端渲染简易尝试

    前言 服务端渲染也称作 SSR(Server Side Render) 。不同于客户端渲染,服务端渲染会在后端把页...

  • react服务端渲染

    单页应用存在的问题 SEO不友好首次请求时间较长,体验不好 服务端渲染和客户端渲染的区别 客户端渲染路线: 请求h...

网友评论

      本文标题:服务端渲染和客户端渲染

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