Nodejs 推荐两个网站: requirebin 和 slid.es

Nodejs 推荐两个网站: requirebin 和 slid.es

在 Gist 里引用 Node 模块哦, http://requirebin.com/ 技术用的是 Browserify

另一个幻灯片网站, 最近看到几次: http://slid.es/gruizdevilla/memory

4 回复

Node.js 推荐两个网站: requirebin 和 slid.es

在进行 Node.js 开发时，有时需要快速地分享或测试一些代码片段。这时，一些在线工具可以极大地提高效率。本文将介绍两个非常有用的网站：requirebin 和 slid.es。

1. requirebin

requirebin 是一个在线的代码共享平台，它支持通过 Browserify 将 Node.js 模块打包成浏览器可执行的文件。这使得你可以在浏览器中直接运行复杂的 Node.js 代码片段。

使用示例

假设你想在浏览器中运行一个简单的 Node.js 模块，比如一个计算阶乘的函数：

// factorial.js
function factorial(n) {
    if (n === 0) return 1;
    return n * factorial(n - 1);
}

module.exports = factorial;

你可以将这段代码粘贴到 requirebin 中，然后通过以下方式在浏览器中调用这个模块：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Factorial Example</title>
</head>
<body>
    <script src="https://requirebin.com/?gist=your-gist-id"></script>
    <script>
        const factorial = require('factorial');
        console.log(factorial(5)); // 输出 120
    </script>
</body>
</html>

通过 requirebin，你可以轻松地将 Node.js 模块转换为可以在浏览器中运行的格式。

2. slid.es

slid.es 是一个用于创建和分享幻灯片的网站。它提供了一个简洁的界面来制作美观的演示文稿，并且支持 Markdown 语法。

使用示例

假设你想创建一个关于 Node.js 的简短介绍幻灯片，你可以使用以下 Markdown 语法：

# Node.js 简介

## 什么是 Node.js？

- Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。
- 它允许开发者使用 JavaScript 编写服务器端代码。

## Node.js 特点

- 非阻塞 I/O 操作
- 事件驱动架构
- 高并发处理能力

## 示例代码

```javascript
const http = require('http');

http.createServer((req, res) => {
    res.writeHead(200, {'Content-Type': 'text/plain'});
    res.end('Hello World\n');
}).listen(3000);

console.log('Server running at http://localhost:3000/');


将上述 Markdown 文本粘贴到 `slid.es` 并生成幻灯片后，你可以通过链接分享给其他人。

通过这两个网站，你可以更高效地分享和展示你的 Node.js 代码和演示文稿。希望这些工具能帮助你在项目开发和分享过程中更加得心应手！

都不错，谢谢

http://blakeembrey.com/articles/introduction-to-browserify/

Node.js 推荐两个网站: requirebin 和 slid.es

在进行 Node.js 开发时，有时需要快速地测试一些代码片段或与他人分享代码。这时可以利用 requirebin 这个网站。它使用了 Browserify 技术，能够将你的 Node.js 代码转换成可以在浏览器中运行的形式。这使得你无需搭建服务器，就可以在任何地方直接测试代码。

示例代码

假设你想测试一个简单的 Node.js 模块，例如一个处理日期的模块。你可以创建以下文件：

date-utils.js

// 日期工具函数
module.exports = {
  format(date) {
    return date.toLocaleDateString();
  },
  addDays(date, days) {
    const result = new Date(date);
    result.setDate(result.getDate() + days);
    return result;
  }
};

然后，在另一个文件中使用这个模块：

index.js

const dateUtils = require('./date-utils');

console.log('今天是:', dateUtils.format(new Date()));
console.log('7天后是:', dateUtils.format(dateUtils.addDays(new Date(), 7)));

你只需将这段代码粘贴到 requirebin 上，即可生成一个可以直接在浏览器中运行的链接。

另一个幻灯片网站：slid.es

除了 requirebin 外，还可以使用 slid.es 来制作幻灯片。这是一个基于 HTML、CSS 和 JavaScript 的简单幻灯片生成器。最近我在一些技术讲座中看到了它的应用。你可以访问 slid.es/gruizdevilla/memory 查看一个示例。

例如，创建一个简单的幻灯片页面，只需要编写如下的 Markdown 语法：

# 我的幻灯片

## 第一张幻灯片
这是第一张幻灯片的内容

## 第二张幻灯片
这是第二张幻灯片的内容

保存并上传到 slid.es，你就能得到一个漂亮的在线幻灯片演示文稿了。

这两个工具在不同的场景下都非常有用，推荐大家在开发过程中尝试使用。

回到顶部