10个很棒的 JavaScript 库

柔情只为你懂 2022-09-04 03:56 236阅读 0赞

![e49d261ab88262ad29b42dd0308a7454.png][]

英文 | https://javascript.plainenglish.io/8-great-javascript-libraries-for-productivity-10eee7d8faee

翻译 | 杨小二

Javascript现在已经演变成一种你可以做任何事情的语言。如今，我们创建了服务器端代码、前端代码、移动应用程序代码等等。

这是我以前用于不同项目的一些很棒的JS库的列表。

# **1、Nodemon** #

地址：https://www.npmjs.com/package/nodemon

Nodemon 是一个可以实现服务器开发的库。任何更改后，它将自动保存，自动重新启动的服务器（或其他项目）。

它知道何时保存前端文件（例如 CSS），如果你正在更新需要重新启动的后端文件，它只会在你需要时尝试重新启动。

它易于安装并且在你的项目过程中节省了时间，这使得它成为每个项目的必备品。

# **2、UUID** #

地址：https://www.npmjs.com/package/uuid

UUID 是一种独特的标识标准，可用于多种数据库和其他语言。PostgreSQL 甚至有一个 UUID 类型可以用于 ID。它通过无法猜测出来增加安全性。

import { v4 as uuidv4 } from 'uuid';
    uuidv4(); // ⇨ '9b1deb4d-3b7d-4bad-9bdd-2b0d7b3dcb6d'

它易于使用，每次我需要数据库的唯一值时我都会使用它。库的 ID 符合 UUID 标准。

# **3、Axios** #

地址：https://github.com/axios/axios

Axios 是所有 HTTP 请求问题的解决方案。它是一个基于 Promise 的 HTTP 客户端，可简化从 API 请求数据的过程。

你可以输入尽可能少的信息，也可以输入尽可能多的信息。每当我不需要添加参数时，我都喜欢省略它们，而在 Axios 中这是可能的。

axios.get('/profile?id=12345')
      .then(function (response) {
        // handle success
        console.log(response);
      })
      .catch(function (error) {
        // handle error
        console.log(error);
      })

# **4、Lodash** #

地址：https://lodash.com/

Lodash 是一个实用程序库，具有大量用于处理字符串、数字、数组和对象的函数。它是一个很棒的库，因为它具有大量的功能和令人惊叹的文档站点。

_.defaults({ 'a': 1 }, { 'a': 3, 'b': 2 });
    // → { 'a': 1, 'b': 2 }
    
    
    _.partition([1, 2, 3, 4], n => n % 2);
    // → [[1, 3], [2, 4]]

我强烈建议至少检查一下这个库和它的文档。它具有解决高度利基问题的功能和许多常见问题的功能，例如，展平数组。

# **5、Luxon** #

地址：https://moment.github.io/luxon/\#/

Luxon 是一个现代日期和时间操作库。如果你曾经处理过日期和时间，你选择合适的库是成功的一半。尤其是如果你注定要受到多个时区的影响时，这个库就非常有用。

DateTime.now().setZone('America/New_York').minus({ weeks: 1 }).endOf('day').toISO();
    
    
    let dt = DateTime.now();
    dt.toISO(); //=> '2017-04-20T11:32:00.000-04:00'

从某种意义上说，Luxon 比另一个著名日期时间操作库 Moment 更年轻、更现代化。然而，Luxon 使用 Intl 对象，而Moment使用 Date 对象。

# **6、Faker** #

地址：https://github.com/marak/Faker.js/

Faker 是我在构建项目早期测试阶段使用的一个库。它是一个可以轻松将真实的测试数据添加到应用程序中的库。

let faker = require('faker');
    
    
    let randomName = faker.name.findName(); // Rowan Nikolaus
    let randomEmail = faker.internet.email(); // Kassandra.Haley@erich.biz

Faker 的强项肯定是你可以添加的不同数据的数量。所有数据仅用于测试目的。你可以添加各种地址、电子邮件、姓名，甚至比特币地址和汽车制造商！

如果你厌倦了随处可见的 Lorem Ipsum，你可能想看看这个库。

# **7、Dotenv** #

Dotenv 是一个用于确保你的应用程序是安全的库。提高安全性的方法之一就是使用环境变量。这就是这个库的用途，它是用于此目的最常用的库之一。

DB_HOST=localhost
    DB_USER=root
    DB_PASS=passw0rd

你可以使用应用程序的所有环境变量创建一个 .dotenv 文件。一定不要提交这些，因为这些应该是特定于环境的，或者只在一台 PC 上工作以获得最大的安全性。

# **8、Mongoose** #

地址：https://mongoosejs.com/

Mongoose 是一个很棒的库，可以在你使用 MongoDB 数据库时使用。它是一个对象建模库，使用 Mongo 和 Javascript 尽可能容易。

几乎所有的 Mongo 和 Javascript 教程都以这个库为特色，而不是默认的 MongoDB 库，因为它很容易，大多数开发人员都离不开它。

# **9、Realm** #

地址：https://realm.io/

Realm 在用于数据库开发的形式上类似于 Mongoose。我只将 Realm 用于移动应用程序开发中，一旦设置好，它就会展现它的工作魅力。

const studentSchema = {
      name: "Student",
      properties: {
        name: "string",
        grades: "int[]"
      }
    }

对于 React Native 开发来说，真正优秀的数据库选项并不多，我认为 Realm 确实有点填补了这个角色。它的数据库与 Mongoose 非常相似，它可以在 MongoDB 上运行。

# **10、GatsbyJS** #

地址：https://www.gatsbyjs.com/

Gatsby 是一个静态的服务器渲染网站库。它类似于 NextJS，虽然它目前缺乏一些功能，但我认为开发人员的体验比我尝试过的其他类型的库都要好。

import React from "react"
    export default function Home() {
      return (
        <div style={
        { color: `purple` }}>
          <h1>Hello Gatsby!</h1>
          <p>What a world.</p>
        </div>
      );
    }

它使用 React 和 GraphQL 为中小型网站创建了一个非常好的技术堆栈。它适用于从营销到博客的任何内容。

**结论**

这些只是我过去使用过的一些库。作为开发人员，你可能每天都会遇到新的库，并且很容易过分使用它。

我喜欢尽可能少地使用库，我只使用较大的库或适用于某些问题的库。

非常感谢你的阅读，祝你有美好的一天。

#  #

**学习更多技能**

**请点击下方公众号**

![f23c10b74d7bf260a2d91872582b21c6.gif][]

![c1a44da9376577b2482ec9139116b42d.png][]

![7ecc7543b8f2eded67023499d8d9c47c.png][]

[e49d261ab88262ad29b42dd0308a7454.png]: /images/20220829/26dd9fdd3b564e4299af2877d64eae58.png
[f23c10b74d7bf260a2d91872582b21c6.gif]: /images/20220829/a3ab3396f306407fa1fa5436e7a58de0.png
[c1a44da9376577b2482ec9139116b42d.png]: /images/20220829/5c9ec676793645e8b6f91191108d30df.png
[7ecc7543b8f2eded67023499d8d9c47c.png]: /images/20220829/dab8d5ad8b014003b2fcb409cc451f93.png