我一直在尝试按照此 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) 我之前开始使用 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) 我目前正在尝试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 ×2
asynchronous ×1
css ×1
css-calc ×1
fetch-api ×1
jquery ×1
node.js ×1
reactjs ×1
sass ×1
state ×1