天天看点

web开发之前后端渲染

学习react的时候提到后端渲染,在这里总结一下前端和后端渲染。

1.页面渲染

首先,web开发中html文件是一个文本文件,其内容可以当作一个规定格式的字符串,而浏览器按照这种格式去读取这个字符串,然后在其内部实现的解释器的作用下构造出一个Dom树,另外css和js文件也会被解释,最终根据这棵树在浏览器里呈现对应的图像,所以我们可以把页面渲染视为将字符串转化为实实在在的Dom节点的过程。

2.前端和后端渲染

页面渲染当然是只能交给浏览器去做的,而在web开发过程中,我们的根本目的是将信息在浏览器里呈现给用户,显然这些信息是放置于html标签里的,所以前后端渲染是指将信息填充到html标签拼接成html文本。

那么如何填充呢?

这里最简单的方法是字符串拼接,信息取自于数据库,当这些信息从数据库传到服务器时,我们可以选择直接在服务器里就把html文本和数据拼接好,然后交给浏览器解释,当然也可以选择将数据交给浏览器再让js去拼接数据,所以谁拼接填充的html就是谁在渲染。

更高级的方法是使用模板引擎,模板引擎的应用很常见,比如ejs就是一种模板引擎,使用模板引擎可以更加高效地分离前后端开发任务和管理代码,至于到底是使用前端渲染和后端渲染就不说了,这一点见仁见智。