带你理解前后端渲染、前后端路由


这一篇主要是解释前端渲染、后端渲染与前端路由、后端路由这两组的概念以及前后端分离的历程
下面两组概念是自己理解后总结的。(大佬勿喷)


后端路由和前端路由

概念:后端处理URL和页面之间的映射关系,就叫后端路由。
           前端处理URL和页面之间的映射关系,就叫前端路由。

后端渲染和前端渲染

概念:当请求url发送时,前端页面向服务器请求页面,此时动态页面在后端形成,再传输给前端,这种渲染方式为后端渲染。
           当请求url发送时,前端页面向服务器请求页面,服务器传输给前端页面为(html+css+js)的页面,页面在前端游览器进行渲染的方式为前端渲染


可能有小伙伴会说:这不是说了废话吗?别急,看我画图(灵魂画师上线)

  1. 后端路由阶段带你理解前后端渲染、前后端路由
    这个图我自认为很好理解后端渲染和后端路由的概念了,当url请求发送到服务器,页面在服务器中已经开始渲染,然后再传递到前端页面展示。
    在这一阶段,弊端很大,后端开发人员既需要进行页面的各阶段开发,又要保证后端数据和信息。

  1. 前后端分离阶段
    带你理解前后端渲染、前后端路由
    从这一阶段开始,前后端的作用分工明确,后端只需要负责数据和信息,前端则负责各阶段页面的开发

  1. SPA(单页面富应用)
    带你理解前后端渲染、前后端路由
可能看到一次性请求全部资源。。。。啊这?

带你理解前后端渲染、前后端路由

这是SPA前期的问题,现在实现了分包等一些操作后,其实这种问题基本没有了

以上就是前端和后端在难分难舍的过程和发展,到现在前后端分离的技术已经算很成熟了,大家可得好好理解了,面试可能会问到的哦!