后端渲染
一开始开发网页,有url传给后端对应的页面,再由后端进行html+css+java数据处理,处理完成后在传给页面进行渲染展示。这样有利于seo优化,但是静态前端人员想要更改时需要懂后端语言且html代码和java代码混杂,不易读懂。
前端渲染--前后端分离
由前端人员编写html+css+js。在js中由ajax调用后端的数据,再通过js代码插入渲染。后端只需要负责api数据返回,网页中的大部分内容都是由前端js渲染出来形成最终的网页。优点是前后端责任清晰,且移动端出现后后端不用做任何改变,还是使用原来的api即可
spa页面--前端路由-单页面富应用
核心是改变url页面不进行刷新。我们所有的html+css+js都会封装在一起,开始时加载所有的代码但是不会进行全部渲染,当我们要进入想要的页面时会通过前端路由调用加载全部代码的相对应的代码进行页面渲染,不用每次进入新页面都要向服务器请求,所以不会刷新。
改变url却不刷新的方法:
1.hash 2.history
localhost.hash = 'aaa' 进入aaa页面
history.pushState({},"",'home'),进入home页面 history.back()返回上页面
histoty.replaceState({ },"",'home')进入home页面(不能返回上一个页面)