首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

推荐10个不错React开源项目

Kutt支持自定义域名,设置链接密码和描述,缩短URL私人统计信息,查看、编辑、删除和管理链接,RESTful API等。...笔记会暂时保存在本地存储,可以以 zip 格式下载 markdown 格式所有笔记。该应用支持搜索笔记、多光标编辑、链接笔记、语法高亮、键盘快捷键、拖放操作、Markdown 预览等功能。...项目代码包含了后端、前端、Android 和 iOS 应用程序,同时支持在Windows / Linux / macOS 系统上运行。...该应用使用最新 React 特性,例如带有Hooks函数组件。此外,该项目还使用了几个自定义轻量级 UI 组件,包括模态框和日期选择器等。...spotify-clone-client是一个 Spotify Web 播放器前端克隆项目,使用 React、react-router-dom、axios 等技术实现。

11.6K30

2024年Node.js精选:50款工具库集锦,项目开发轻松上手(二)

尽管Node.js内置fetch功能在稳定性上有所增强,可能会对Axios流行度产生影响,但它仍然是Node.js中最受欢迎HTTP客户端之一。...(response.data); // 用户对象数组 }) .catch(error => { console.error(error); }); 带有JSON数据POST请求:...此外,随着Node.js原生fetchAPI普及,尽管它缺少某些Axios特性,但对于某些项目可能已经足够使用。 Axios以其强大功能和简洁API,在现代Web开发占据了一席之地。...https://www.npmjs.com/package/tslib 13、mkdirp:轻松创建嵌套目录结构 在Node.js项目开发过程,创建文件目录结构是一个常见需求。...mkdirp库以其能够轻松处理嵌套目录结构能力,成为了处理这一任务首选工具。它确保每个路径都被正确创建,即使是在复杂目录层次也能保持优雅和简洁。

32810
您找到你想要的搜索结果了吗?
是的
没有找到

JavaScript 异步编程指南 — 事件与回调函数 Callback

谈回调也少不了一个概念 “事件”,在使用 JavaScript 操作 DOM、网络请求或在 Node.js 更多是一种事件驱动模型,由事件触发执行我们回调。...也定义了一些网络相关 APINode.js 提供 HTTP/HTTPS 模块可以帮助我们在 Node.js 客户端向服务端请求数据 const http = require('http');...; Node.js 事件与回调 Node.js 作为 JavaScript 服务端运行时,大部分 API 都是异步,大家可能也听过 Node.js 比较擅长 I/O 密集型任务...例如,文件 APINode.js 默认就是异步,也就是它标准库 I/O 本身给你提供就是非阻塞,它没有任何历史包袱。...() 做 try/catch 捕获,当我们调用 fs.readFile 并为其注册回调函数这个步骤对应异步 I/O 是提交请求,而 callback 函数会被存放起来,等到下一个事件循环到来 callback

2.2K10

JavaScript 异步编程指南 — 你不知道 Promise 前世 Deferred

Promise 是现代 JavaScript 比较重要一个核心概念,也许你会疑问为什么会提到 Deferred?这个是什么?...当今你不能保证所有系统都是使用 React、Vue 来写,也许你会遇到一些使用 Jquery 写系统,总不能不维护吧,当你看到它 Ajax 请求时也知道这个东西是干嘛为什么要这样写。...Node.js 早期迭代在非阻塞 API 中使用了 Promise。...,所以早期你会看到 Node.js 很多 API 都是 callback(err, result) 形式,包括现在也还有,顺便在说明下 Ryan Dahl 早在 2012 年就已经离开了 Node.js...在上一节,我们讲到了在早期我们都是通过使用回调(Callback)形式向服务器发起网络请求,随后通过注册回调函数拿到返回数据,当时我们也提到了基于 Callback 形式很容易造成回调函数嵌套

97910

推荐一个基于 Node.js 表单验证库

虽然我已经尝试了一些 Node.js 表单库 —— Express 和 Koa ——他们从未满足我项目需求。 这些扩展库要么兼容复杂数据结构,要么在异步验证出现问题。...使用 Datalize 在 Node.js 中进行表单验证 这就是为什么我最终决定编写自己小巧而强大表单验证库原因,它被称为 datalize。...你可以添这个额外过滤器,以便它可以在数据库创建和更新数据。...Node.js表单验证附加功能 在自定义过滤器,你可以获取其他字段值并根据该值执行验证。 还可以从上下文对象获取任何数据,例如请求或用户信息,因为它们都是在自定义函数回调参数中提供。...我希望本教程能够帮助你在 Node.js 构建更好API,并使用经过完美验证数据,而不会出现安全问题或内部服务器错误。

2.6K40

node中常见10个错误

这个函数执行一刻,Node.js 有空去运行代码其它部分.. db.User.get(userId, function(err, user) { // .. until the moment the...在浏览器,处理事件是通过调用函数(通常是匿名),这个动作如同回调函数。Node.js 在引进 promises 之前,回调函数是异步元素用来互相连接对方唯一方式 。...错误 #3:函数嵌套过深 函数嵌套过深,时常被称为“回调函数地狱”,但这并不是 Node.js 自身问题。然而,这会导致一个问题:代码很快失去控制。...然而,在 JavaScript,回调某个特定函数可能并不会立刻运行,而是等到任务完成后才运行。...错误 #8:忽略了 Streaming(流) API 优势 大家都说想建立一个小型代理服务器,它能响应从其它服务器获取内容请求

1.8K60

node中常见10个错误

这个函数执行一刻,Node.js 有空去运行代码其它部分.. db.User.get(userId, function(err, user) { // .. until the moment the...在浏览器,处理事件是通过调用函数(通常是匿名),这个动作如同回调函数。Node.js 在引进 promises 之前,回调函数是异步元素用来互相连接对方唯一方式 。...错误 #3:函数嵌套过深 函数嵌套过深,时常被称为“回调函数地狱”,但这并不是 Node.js 自身问题。然而,这会导致一个问题:代码很快失去控制。...然而,在 JavaScript,回调某个特定函数可能并不会立刻运行,而是等到任务完成后才运行。...错误 #8:忽略了 Streaming(流) API 优势 大家都说想建立一个小型代理服务器,它能响应从其它服务器获取内容请求

1.4K30

Node.js 应用全链路追踪技术——

Node.js 应用也例外,这里将分成两篇文章进行介绍;第一篇介绍 Node.js 应用全链路信息获取, 第二篇介绍 Node.js 应用全链路信息存储展示。...我们要解决上述诉求,就需要有一种技术,将每个请求关键信息聚合起来,并且将所有请求链路串联起来。让我们可以知道一个请求包含了几次服务、微服务请求调用,某次服务、微服务调用在哪个请求上下文。...综上,我们需要Node.js应用全链路追踪,说完为什么需要后,下面将介绍如何做Node.js应用全链路信息获取。 二、全链路信息获取 全链路信息获取,是全链路追踪技术中最重要一环。...建议在生产环境中使用该特性。 但是没关系,要相信官方团队,这里我们全链路信息获取方案是基于 Node v9.x 版本 api 实现。...属性 value 是代表这个异步资源经过所有链路信息聚合对象,该对象各属性含义请看上面代码注释进行理解。 通过这种设计,就能拿到任何一个异步资源在整个请求链路关键信息。

1.8K20

2022 1月Github热门项目

那么为什么构建直接在 VS Code 运行东西呢? Front Matter 是一个在 VS Code 运行 CMS。...tsfec 是用于 Terraform 代码静态安全扫描器。 它在您 CI 管道本地运行。 有一些简洁、对开发人员友好输出和文档检查。 这是一种扫描所有模板开发人员优先方法。...最新版本带有嵌套 JSON、插件管理器等等。...新版本带有改进 API 和新配置选项 2022021417323840.gif 项目地址:https://github.com/pybamm-team/PyBaMM 并非所有版本都按编号遵循语义版本控制...作为在浏览器运行应用程序,AnotherPomodoro 将其提升到了一个新水平。 借助集成 TODO 列表、多种颜色、自定义计时器长度、三种语言和许多显示功能,您再也不会迷失在看猫视频。

1.1K30

Node.js 十大常见开发者错误

错误1:阻塞事件循环 Node.js(正如浏览器)里 JavaScript 提供了一种单线程环境。这意味着你程序不会有两块东西同时在运行,取而代之是异步处理 I/O 密集操作所带来并发。...如果事件循环被一个计算金融交易数据历史总和循环所阻塞,这个计算循环应该被推到事件循环外队列执行以免占用事件循环。 正如你所见,解决这类错误没有银弹,只有针对每种情况单独解决。...这就是为什么Node.js 里通常使用不同方式处理错误,而且这使得所有回调函数参数都需要遵循 (err, ...) 这种形式,其中第一个参数是错误发生时 error 对象。...因为浮点数在表达一个整型数时只能表示到一个最大上限值,在计算超过这个最大值时就会出问题。...错误8:忽略了流式 API 优势 现在我们想创建一个简单类代理 web 服务器,它能通过拉取其他 web 服务器内容来响应和发起请求

1.2K20

Node.js 入门你需要知道 10 个问题

事件驱动和异步 Node.js 所有 API 都是异步。这意味着下一个请求来临时可以直接处理而不用等待上一次请求结果先返回。 No Buffering Node.js 从不缓冲任何任何数据。...Q3: 如何用 Node.js 监听 80 端口? 这是有陷阱,在类似一些 Unix 系统你不应该尝试监听 80 端口,这么做你需要拥有超级用户权限,因此,推荐你这么做。...默认情况下 Node.js APIs 都是异步,但是你想同步使用也是可以(同步方式是推荐)。 例如,这个 fs 模块可以使用同步方式也可以使用异步方式。...“回调地狱”是指严重回调嵌套,这些回调嵌套使得代码变得难以阅读和维护。...在 Node.js 什么时候需要 NPM? NPM 是 Node.js 包管理器。允许我们为 Node.js 安装各种模块,这个包管理器为我们提供了安装、删除等其它命令来管理模块。

1.3K40

Node.js 应用全链路追踪技术——

Node.js 应用也例外,这里将分成两篇文章进行介绍;第一篇介绍 Node.js 应用全链路信息获取, 第二篇介绍 Node.js 应用全链路信息存储展示。...我们要解决上述诉求,就需要有一种技术,将每个请求关键信息聚合起来,并且将所有请求链路串联起来。让我们可以知道一个请求包含了几次服务、微服务请求调用,某次服务、微服务调用在哪个请求上下文。...综上,我们需要Node.js应用全链路追踪,说完为什么需要后,下面将介绍如何做Node.js应用全链路信息获取。 二、全链路信息获取 全链路信息获取,是全链路追踪技术中最重要一环。...建议在生产环境中使用该特性。 但是没关系,要相信官方团队,这里我们全链路信息获取方案是基于 Node v9.x 版本 api 实现。...属性 value 是代表这个异步资源经过所有链路信息聚合对象,该对象各属性含义请看上面代码注释进行理解。 通过这种设计,就能拿到任何一个异步资源在整个请求链路关键信息。

2.2K30

最全面的 Deno 入门教程

Deno 是新 JavaScript 和 TypeScript 运行时。Node.js 发明者 Ryan Dahl 于 2020 年发布了 Deno,作为 Node.js 改进。...但是 Deno 不是 Node.js,而是全新 JavaScript 运行时,同时也支持 TypeScript。...我喜欢在自己教程中使用 Hacker News API。为了学习有关 Deno 和权限数据获取知识,我们将用这个 API 来获取数据。...在这种从远程 API 获取数据情况下,需要允许网络请求: Deno run --allow-net index.js 再次运行 Deno 程序后,你应该在命令行上看到一系列 Hacker News...当在浏览器打开其中一个 URL 时,都会向 Deno 程序发出 HTTP GET 请求,并且该请求返回带有 Hello Deno 正文 HTTP 响应,然后该响应将显示在浏览器

3.4K10

Next.js,到底为什么这样对我?

至少,这个方法需要请求 URL 或主机,请求方法和请求头等信息。...; }; 不一致 API 那么,怎样才能在页面里获取请求呢?问题是,你没法获取!没错,什么天才主意啊!它大力推广服务端使用,却不允许用户访问请求对象。...; }; 好吧,也许它们有正当理由直接把请求作为参数传进来。但是为什么只提供访问 cookie 和 header API 呢?...为什么导出一个 request()方法,它返回一个 Request 对象或请求上下文?这变得更让人困惑是,API 路由处理程序和中间件可以访问 Request 对象。...为什么它总是运行在 Edge 上呢?为什么要限制它不允许运行数据库查询或使用 Node.js 模块呢?

39720

Deno 运行时入门教程:Node.js 替代品

这篇文章就是 Deno 一个初步介绍,尝试回答为什么 Node.js 不能满足需要,以及 Deno 能够带给我们什么?...由于历史原因,Node.js 必须支持回调函数(callback),导致异步接口会有 Promise 和回调函数两种写法;同时,Node.js 自己模块格式 CommonJS 与 ES 模块兼容,导致迟迟无法完全支持...你可能会问,为什么使用 Rust,而不是 C++(Node.js 开发语言)? 主要原因是 Rust 提供了很多现成模块,对 Deno 项目来说,可以节约很多开发时间。 5、 ?...Deno 所有模块都要通过入口脚本加载,不能通过模块名加载,所以必须带有脚本后缀名。 11、 ? Deno 原生支持 TypeScript 语言,可以直接运行,不必显式转码。...Deno 还处在密集开发,功能不稳定,建议用于生产环境。但是,它已经是一个可用工具,大家可以多试用,熟悉它用法。我相信,设计上诸多优点,将会使它比 Node.js 更具优势。 (完)

1.4K10

Node.js究竟是什么?Node.js工作原理解析

JavaScript 原来是只能在浏览器运行,当把它扩展成为可以在你计算机上作为独立程序运行时,Node.js 就出现了。...机器代码是低级代码,计算机可以直接运行而无需先解释它。 为什么选择 Node.js?...我们在前面已经讨论过了这个定义第一行:“Node.js®是基于 Chrome V8 JavaScript 引擎构建 JavaScript 运行时环境。”...现在让我们理解剩下两行,这样我们就可以找出为什么 Node.js 如此受欢迎原因。 I/O 指的是输入/输出。它可以是从读取/写入本地文件到向 API 发出 HTTP 任何内容。...事件将等待 2000 毫秒,然后回调这个函数。 在 API 中注册后,setTimeout(2000) 从调用堆栈中弹出。 现在第二个 setTimeout(0) 以相同方式注册。

1.7K30

Node.js 究竟是什么?

JavaScript 原来是只能在浏览器运行,当把它扩展成为可以在你计算机上作为独立程序运行时,Node.js 就出现了。...你 Chrome 浏览器 JavaScript 和 Node.js 都在 V8 引擎上运行。该引擎将你 JavaScript 代码转换为更快机器代码。...机器代码是低级代码,计算机可以直接运行而无需先解释它。 为什么选择 Node.js?...现在让我们理解剩下两行,这样我们就可以找出为什么 Node.js 如此受欢迎原因。 I/O 指的是输入/输出。它可以是从读取/写入本地文件到向 API 发出 HTTP 任何内容。...事件将等待 2000 毫秒,然后回调这个函数。 在 API 中注册后,setTimeout(2000) 从调用堆栈中弹出。 现在第二个 setTimeout(0) 以相同方式注册。

1.5K40

Node.js创建安全 GraphQL API

GraphQL好处是什么? GraphQL是否优于REST? 为什么我们使用Node.js?...如果你感到好奇,你会发现几乎所有在线娱乐服务都在用不同类型API,包括Netflix,Spotify和YouTube等。...在今天文章,我们将专注于怎样用Node.js创建GraphQL API为什么要使用Node.js? GraphQL有好几个不同支持库可供使用。...Mutations - 我们请求将会影响在自己服务器上数据。 现在让我们再次运行npm start,看看我们能得到些什么。...; 测试我们GraphQL API; 为了集中精力关注GraphQL API本身,我们忽略了几个重要步骤,可简要总结如下: 新项目的验证; 使用通用错误服务正确处理异常; 验证用户可以在每个请求中使用字段

1.6K30

Node.js 入门你需要知道 10 个问题

事件驱动和异步 Node.js 所有 API 都是异步。这意味着下一个请求来临时可以直接处理而不用等待上一次请求结果先返回。...Q3: 如何用 Node.js 监听 80 端口? 这是有陷阱,在类似一些 Unix 系统你不应该尝试监听 80 端口,这么做你需要拥有超级用户权限,因此,推荐你这么做。...默认情况下 Node.js APIs 都是异步,但是你想同步使用也是可以(同步方式是推荐)。 例如,这个 fs 模块可以使用同步方式也可以使用异步方式。...“回调地狱”是指严重回调嵌套,这些回调嵌套使得代码变得难以阅读和维护。...在 Node.js 什么时候需要 NPM? NPM 是 Node.js 包管理器。允许我们为 Node.js 安装各种模块,这个包管理器为我们提供了安装、删除等其它命令来管理模块。

1.2K20

15 个常见 Node.js 面试问题及答案

解复用器收集应用程序中发出每个 I/O 请求,并将它们作为队列事件进行排队。这个队列就是我们所说事件队列。将事件排队后,解复用器返回应用程序线程控制。...Node.js 带有一个内置 REPL 来运行 JavaScript 代码,类似于我们在浏览器中用来运行 JavaScript 代码控制台。...为什么在 express 中分离“应用程序”和“服务器”是一种好做法? 通过在 Express 中分离应用程序和服务器,可以将 API 实现与网络相关配置分开。...在执行网络调用情况下执行 API 测试,保证了更快测试执行和更好代码覆盖度量。...通过校验和验证包完整性来提供更好安全性,保证在某个系统上运行包在任何其他系统工作方式完全相同,这就是为什么选择 yarn 而不是 npm 来进行包管理。

1.7K20
领券