客户端和服务器端渲染有什么区别？

Question

好的，我一直在学习 Node Js 课程，我对客户端渲染和服务器端渲染之间的区别有点困惑。

第一个问题：在客户端使用前端的目的是什么时候您可以通过服务器端后端使用 app.use(express.static(__dirname, 'public') 提供 HTML/CSS ? 据我了解，它完成了同样的事情。

2 问题：如果您可以通过在 express 服务器上使用 app.get() 来完成同样的事情，那么前端的目的是什么。

我对前端和后端以及何时适合使用前端/ express.static() 或仅在快速服务器上提供文件感到非常困惑。请以最简单的方式解释您的答案，而不是一堆技术术语。

Answer 1

这是一个暗示自以为是答案的问题，这不是 StackOverflow 的目的。我仍然会提供带有事实论据的答案。

客户端渲染优于服务器端渲染的优点在于它通过从不重新加载页面来改善用户体验。网络使用减少到最低限度（仅显示数据，以 JSON 格式，这是一种非常轻量级的格式），这使得整体速度更快。您还可以执行动画导航等操作...

另一方面，由于 JS 文件的大小（通常为几 MB），启动需要更多时间，而且对 SEO 不太友好（Google 对此进行了改进，因为他们不再将 Chrome 41 用于他们的 GoogleBot ，但它仍然不能很好地索引客户端呈现的网站）。

大多数 JavaScript 框架抽象 DOM 操作，并允许客户端与服务器端相处，因为 JavaScript 可以在浏览器和 Node.js 中执行。这样可以从两全其美中受益。