一、后端渲染
1.后端渲染
url1发到服务器
html+css+java java代码的作用是从数据库中读取数据,并且将它动态地放在页面中 然后返回给前端 这就是所谓的后端渲染
url2发到服务器
2.后端路由
后端处理url和页面之间的映射关系
二、前端渲染(前后端分离)
url发到静态服务器,拿到html+css+js js代码由浏览器执行
js代码中的api请求发到提供API接口的服务器获取数据
浏览器再执行其他剩余的大量js代码来渲染页面
前端渲染
浏览器中显示的网页中的大部分内容,都是由前端写的js代码在浏览器中执行,最终渲染出来的网页
单页面富应用
整个网页只有一个html页面
index.html+css+js只有一个
url发送到静态资源服务器 拿到html+css+js
前端路由技术做支撑
url:/home
url:/about
url:/me
url -> 组件(页面) 是由前端进行管理的 这就叫作前端路由
前端路由的核心:改变url,但是页面不进行整体的刷新
实现方式:
1:url的hash
location.hash=‘xxx’
2.h5的history模式 pushState/replaceState
history.pushState({},’’,‘home’)
history.replaceState({},’’,‘home’)
history.go(-1) === history.back()
history.go(1) === history.forward()