什么是前端渲染,什么是后端渲染
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发生改变时,没有请求另一个资源,而是抽取资源进行渲染