是否可以使用 vanilla JavaScript 而不是 react.js 来渲染网站的一部分？答案

【问题标题】：Is it possible to render a part of a website, using vanilla JavaScript instead of react.js?是否可以使用 vanilla JavaScript 而不是 react.js 来渲染网站的一部分？
【发布时间】：2021-01-06 03:39:01
【问题描述】：

我正在学习 Web 开发，我发现要在网站中呈现更改，我们必须向服务器发出请求（假设它是使用 express.js 构建的），然后服务器将呈现新的页面，来自提供的 EJS 模板。但在这种情况下，无论何时必须在客户端反映更改，都必须在浏览器中接收和呈现整个网页。

我想知道vanilla JS中是否有办法，通过它我可以只渲染页面的一部分，而不是一次又一次地渲染完整的页面？

谢谢！

【问题讨论】：

是的，您可以在浏览器中使用纯 Javascript，从服务器获取数据并使用您的 Javascript 自己更新网页。您必须在网页中创建或修改 DOM 元素以显示更新或新内容。
您还可以使用客户端模板来构建加载了新数据的新 HTML，然后将这些新数据插入当前网页。这节省了自己创建所有适当的 HTML 的一些苦差事，并让模板引擎完成细节工作。模板还使 html 内容格式更易于维护，因为 HTML/CSS 格式是在模板中指定的，而不是在您的代码中。

标签： javascript express rendering

【解决方案1】：

是的，你可以。检查此视频。这是一个仅以 ...react-kinda 方式使用 javascript 的电子商务教程。同一个人还有另一个他用 React 构建完全相同的项目。所以你可以比较这两种方法。

基本结构是

const layoutComponent = {
render: async () => {
...function content
}
return `
<div> things </div>
and html stuff
`

https://www.youtube.com/watch?v=N3FDyheHVMM&t=8349s

【讨论】：