小编Tan*_*kom的帖子

使用 fetch() POST 数据到 NodeJS

我一直在尝试按照此 NodeJs Youtube 教程学习 NodeJS

我已经使用Fetch API工作了几个月,以从 WordPress 和 Google Sheets 后端获取数据。

Youtube 播放列表的最后一个视频是关于使用 NodeJS 和 npm 的 express、EJS 和 body-parser 创建一个待办事项列表应用程序。

但是,在待办事项列表应用程序的第 4 部分,这位“老师”正在使用 jQuery 和 Ajax 将数据发布到 NodeJS(他的 jQuery 代码片段)。由于我只使用 fetch() 处理 AJAX POST 请求,因此我想在纯 JavaScript 中继续使用此方法。

我的 ejs 文件名为 todo.ejs,用于存储页面的 HTML 模板,如下所示:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="stylesheet" href="/assets/style.css">
    <!-- Works because of express middleware.
    Since we stored the public folder …
Run Code Online (Sandbox Code Playgroud)

javascript jquery node.js fetch-api

6
推荐指数
1
解决办法
9849
查看次数

SASS:calc() 与普通计算?

我之前开始使用 SASS(具体来说是 scss)并且想知道 css calc() 方法或 sass 计算之间是否有任何区别/优势/劣势?

$divide-by: 50;

//CSS calc()
.example1 {
  height: calc(100vw / #{$divide-by});
}

//SASS calculation
.example2 {
  height: 100vw / $divide-by;
}
Run Code Online (Sandbox Code Playgroud)

css sass css-calc

6
推荐指数
1
解决办法
4005
查看次数

反应-功能setState(以前的状态)与新的更新值不同吗?

我目前正在尝试React通过最近的几门课程来学习。

要更新状态,大多数课程都建议这样:

 const updatedNinjas = [...this.state.ninjas, newNinja];

    this.setState({
      ninjas: updatedNinjas
    });
Run Code Online (Sandbox Code Playgroud)

但是,由于setState是“异步”的,因此官方的反应文档建议使用先前的状态并基于此状态进行更新。

this.setState(prevState => ({
      ninjas: [...prevState.ninjas, newNinja]
    }));
Run Code Online (Sandbox Code Playgroud)

两者都解决了同一问题(因为在第一个示例中每次都使用一个新数组)还是只有最后一个万无一失?

javascript state asynchronous reactjs

4
推荐指数
1
解决办法
1419
查看次数

标签 统计

javascript ×2

asynchronous ×1

css ×1

css-calc ×1

fetch-api ×1

jquery ×1

node.js ×1

reactjs ×1

sass ×1

state ×1