任何的web项目基本的须要就是把后端的数据库中的数据渲染到页面上,客户端渲染和服务端渲染都是渲染数据的主要方式。前端
一、客户端渲染(BSR)web
前端利用ajax等数据交互手段获取服务端提供的数据以后,渲染到HTML页面。
ajax
方法:(ajax、jsonp、fetch)=> 获取数据 => 文档碎片插入,拼接字符串,模板引擎。数据库
客户端运行了页面以后才进行json
优势:灵活,真正的先后端分离,方便于先后台各自更新维护后端
缺点: 对SEO不友好,增长了http请求次数,减缓了页面加载速度 前后端分离
二、服务端渲染 (SSR)fetch
在后端看来,页面文件其实就是一个“字符串”,因此服务端彻底能够在获取到HTML文 件的内容以后通过一些处理再返回给客户端,也就说,服 务端能够将数据插入到HTML 字符串中以后再返回给客户端 jsonp
优势: 对SEO友好,减小了http请求次数,加速了页面初次渲染速度spa
缺点: 不灵活,先后端耦合度过高
天天积累一点点,也会很棒的,加油!