BSR( browser side render)客户端渲染
所有的数据都由服务器发回给客户端,在用户浏览器中实现页面的拼接。
前端利用ajax等数据交互手段获取服务端提供的数据之后,渲染到HTML页面
方法:(ajax, jsonp, fetch) -> 获取数据 -> 文档碎片插入,拼接字符串,模板引擎,客户端运行了页面之后才进行。
优点:灵活,真正的前后端分离,方便于前后台各自更新维护
缺点: 对SEO不友好,增加了http请求次数,减缓了页面加载速度
SSR(server side render)服务端渲染
所有的页面和数据都是在服务器中直接生成完成,客户端请求页面之后直接展示不做任务计算和拼接。
在后端看来,页面文件其实就是一个“字符串”,所以服务端完全可以在获取到HTML文件的内容之后经过一些处理再返回给客户端,也就说,服务端可以将数据插入到HTML字符串中之后再返回给客户端
优点: 对SEO友好,减少了http请求次数,加速了页面初次渲染速度
缺点: 不灵活,前后端耦合度太高