前端渲染和后端渲染

什么是前端渲染,什么是后端渲染
1.早期的网页是后端渲染,用JSP,php开发网页,浏览器会把url地址发送给服务器,服务器会进行解析判断,就会把JSP给你(HTML+CSS+Java),Java作用是从数据库中读取数据,并且将它东态的放在页面中,以前是没有Ajax请求的,通过Java把要渲染的完全渲染好,把渲染好的网页传给浏览器(只有HTML+CSS)
后端路由:后端处理url和页面之间的映射关系

2.第二阶段:前后端分离(后端只提供数据,不负责任何阶段的内容)
用户在浏览器输入url地址,会去静态资源服务器拿HTML+CSS+JS拿过来,浏览器会将HTML+CSS直接渲染,JS被浏览器执行$.ajax(url接口,success:function(){}),通过Ajax发送请求到服务器,服务器返回大量数据,其他JS代码渲染到浏览器中。
静态资源服务器 —→(HTML CSS JS)浏览器 —→(api接口)服务器
服务器—→ (数据,JS代码)浏览器 —→ (url地址)静态资源服务器
前端渲染:浏览器中显示的网页中大部分内容都是由前端写的JS代码在浏览器中执行,最终渲染出来的网页

3.第三阶段:单页面富应阶段(前端路由)
SPA页面:整个页面只有一个html页面
静态资源服务器放了多套HTML+CSS+JS,每套都对应不同的url地址,但在单页面里静态资源服务器HTML+CSS+JS只有一个,浏览器把资源全部请求下来,通过前端路由url映射抽取资源再进行渲染。
前端核心:url发生改变时,没有请求另一个资源,而是抽取资源进行渲染

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值