前端渲染跟后端渲染的区别
前端渲染:
前端渲染是指后端返回json数据,前端渲染是通过ajax请求数据,然后通过js语法将数据展示到页面中,前端利用预先写的html模板,循环读取json数据,拼接字符串,并插入数据。
好处:网络传输数据量小。不占用服务端预算资源(解析模板),模板在前端(很有可能仅部分在前端),改结构变交互都前端自己来了,改完自己调就行。
坏处:前端耗时较多,对前端工作人员水平要求相对较高。前端代码较多,因为部分以前在后台处理的交互逻辑交给了前端处理。占用少部分客户端运算资源用于解析模板。
后端渲染:
前端请求,后端渲染是通过后端语言 + 后端模板( ejs ) 将页面整个发送给前端,后端用后台模板引擎直接生成html,前端接受到数据之后,直接插入页面。
好处:前端耗时少,即减少了首屏时间,模板统一在后端。前端(相对)省事,不占用客户端运算资源(解析模板)
坏处:占用服务器资源。