基本 WebApp 问题

Question

我目前正在考虑编写我的第一个 web 应用程序。 我想说我有 html、css、js、jquery 节点、sql 和 monogodb 的初学者到中级编码技能。

问题是我真的不知道如何实现我的目标。

我的目标是建立一个响应式单页网站，从 api 获取股票价格并将其显示在一张卡片上。此外，用户应该能够单击加号按钮并添加另一张卡片，其中包含他从选择表单选项中选择的股票指数。

现在想知道的是：

1. 这是选择 js 框架（如 react、vue 等）的示例吗？如何实现我的目标？
2. 我在节点中编写了 api 获取请求等代码，并且能够将我想要的所有内容打印到控制台日志中。我如何做同样的事情，但在我的 html 页面上显示它？
3. 如何创建这些自动添加到主页的卡片？
4. 如何保存每张卡的数据？ （尤其是没有登录程序...）？

我知道这些问题很简单，但我真的很想学习如何去做。

请检查下面的图片。

（检查：

Answer 1

1. 我想说尝试利用您现有的技能来实现您的目标。当您遇到无法解决的问题或可以通过特定框架（例如 react）解决的问题时，请尝试使用它们。最好先了解这些框架在做什么，然后再依赖它们进行每次开发。
2. 您需要使用诸如 express 之类的 http 框架将您的 api 值从节点 js 返回到 Web 客户端。
3. 需要更多信息，但由于您已经在谈论基于组件的库，一个好的方法是将卡片保存在 json 数组中并从中呈现您的页面。如果您将卡片数据保存在数据库中，您可能还希望在使用节点等服务器端技术加载页面时将它们呈现在服务器端。
4. 为简单起见，您可以使用 localStorage 或 indexeddb 之类的东西来存储信息客户端。如果你想在服务器端存储一些东西，你需要引入一种识别用户的方法。