页面渲染模式详解BSR与SSR

页面渲染模式详解

客户端渲染BSR:(Browser Side Render)
**

// *步骤
// 1.请求html页面?(空页面不带数据的页面!)
// 2.渲染html页面(渲染页面的一些样式等等)
// 3.ajax请求数据(请求后台的数据,比如电商商城的购物商品列表页数据)
// 4.遍历数据并渲染到html页面(渲染到页面中)
// 【:我们请求接口的数据,然后遍历循环,在渲染在html页面上】
// 客户端渲染,前端就是客户端,客户端渲染就是把数据请求回前端在渲染在前端的html页面上
// 优点:
// *前后端分离(前端代码和后端代码分类清楚。)
// *用户体验好
// *缺点：
// *对SEO(搜索引擎优化)不友好。(因为你开始没有渲染数据,爬虫无法知道你的页面是干嘛的)

**

// 服务器渲染(SSR:Server Side Render)

// 服务器渲染的精髓就是在服务器端已经把页面渲染好了
// *步骤
// 1.请求html页面(包含数据的HTML结构)
// (比如说一个HTML文件中里面有js有css,js当中以数组或者对象的方式写好了数据.并且js代码中还渲染了数据在html的body内部)

// 2.浏览器渲染HTML页面(因为html文件在服务器端已经被渲染好了,我们浏览器请求到html文件之后,就直接渲染/读取html文件即可！)
// 优点:
// *速度快
// *对SEO优化有好处
// *防代理(因为数据不是通过接口渲染的所以数据安全性高,防爬数据,防代理。)
// 缺点:
// *前后端不分离,对程序演员要求较高,即要会前端也要会后端.
// *用户体验不够好.