后端渲染,(后端路由)与前端渲染的区别

1. 后端渲染,(后端路由)与前端渲染的区别?
  • 后端渲染:早期的时候,使用jsp编写前端,数据是由后端编写,每个url对应一个服务器页面,服务器先渲染好页面,再返回给客户端,后端渲染就是由服务器渲染好的页面直接呈现到网页上。
  • 后断路由:是后端处理url和页面的之间的映射关系
  • 优点:服务器渲染好页面再返回给客户端,不用单独加载js,css,有利于SEO的优化
  • 缺点:数据处理跟html混合在一起,不利于代码优化,编写和后期维护都很不方便;整个页面由后端人员编写或者前端人员需要懂java,php等语言

  • 前后端分离阶段:后端提供API返回数据,前端通过ajax请求获取到数据,通过js渲染到页面上,
  • 优点:前后端分工明确,前端专注于交互和可视化,后端处理数据
  • 前端渲染:客户端输入url地址,先通过静态服务器获取到html,css,js,渲染到页面,等浏览器执行js代码,再通过API服务器获取到数据,浏览器将处理完的js渲染到页面上。前端渲染是,页面中的大部分内容是由前端写的js代码在浏览器中执行,最终渲染出来的页面。

  • SPA页面:(single page web application)单页面复应用:只有一个html,有可能也只有一个css,一个js,比如vue项目
  • 客户端输入url,通过静态服务器渲染出html,css,js,浏览器执行js时通过API服务器接收到数据,将所有的数据先接收到,但不会全部显示出来,这些数据会分别存放在不同的组件中,
  • 在页面中点击tab按钮,这时候不会再请求服务器,而是寻找对应的组件数据,渲染到页面
  • 优点:减少服务器的请求,后续操作执行速度快;MVVM模式,前后端各负其职;减轻服务器压力;代码可复用
  • 缺点:SEO搜索引擎难度高;不能使用浏览器前进后退功能;初次加载耗时多;
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容