快递/哈巴狗 服务器端渲染与客户端渲染

Question

I am kind of confused when it comes down to what is client-side and what is server-side. I am currently building a website, using Pug for my HTML pages, no HTML pages with <script src="myscripts.js"></script> etc.

So am i rendering my pages Server side, since i don't have any files being loaded in the clients browser? Or is it client side, since the Client can click around and see things being updated?

I think what confuses me, is that normally when i build in Java i have HTML pages with scripts in them. But since i am building both front and backend in Javascript, it's kind of hard for me to understand who is rendering what.

I apologize if it's a huge noob question, but i would really like to understand it once and for all.

Thanks in advance.

Answer 1

The scripts inside of <script> Tags are loaded by the client, and the JavaScript is also run by them.

What the server does is compile Pug to HTML so the client can display it.

If the client clicks something and it changes that is likely some front-end framework that is actively changing the DOM

Answer 2

在您的情况下，它是服务器端渲染，因为服务器将Pug编译为HTML然后将其发送到客户端（已完成HTML），这与客户端框架（如angular，react，vue）不同，在HTML页面上，HTML页面在客户端（浏览器）。