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

翻譯 | 楊小二

Javascript現(xiàn)在已經(jīng)演變成一種你可以做任何事情的語言。如今，我們創(chuàng)建了服務(wù)器端代碼、前端代碼、移動應(yīng)用程序代碼等等。

這是我以前用于不同項目的一些很棒的JS庫的列表。

1、Nodemon

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

Nodemon 是一個可以實現(xiàn)服務(wù)器開發(fā)的庫。任何更改后，它將自動保存，自動重新啟動的服務(wù)器（或其他項目）。

它知道何時保存前端文件（例如 CSS），如果你正在更新需要重新啟動的后端文件，它只會在你需要時嘗試重新啟動。

它易于安裝并且在你的項目過程中節(jié)省了時間，這使得它成為每個項目的必備品。

2、UUID

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

UUID 是一種獨特的標(biāo)識標(biāo)準(zhǔn)，可用于多種數(shù)據(jù)庫和其他語言。PostgreSQL 甚至有一個 UUID 類型可以用于 ID。它通過無法猜測出來增加安全性。

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

它易于使用，每次我需要數(shù)據(jù)庫的唯一值時我都會使用它。庫的 ID 符合 UUID 標(biāo)準(zhǔn)。

3、Axios

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

Axios 是所有 HTTP 請求問題的解決方案。它是一個基于 Promise 的 HTTP 客戶端，可簡化從 API 請求數(shù)據(jù)的過程。

你可以輸入盡可能少的信息，也可以輸入盡可能多的信息。每當(dāng)我不需要添加參數(shù)時，我都喜歡省略它們，而在 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 是一個實用程序庫，具有大量用于處理字符串、數(shù)字、數(shù)組和對象的函數(shù)。它是一個很棒的庫，因為它具有大量的功能和令人驚嘆的文檔站點。

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

我強烈建議至少檢查一下這個庫和它的文檔。它具有解決高度利基問題的功能和許多常見問題的功能，例如，展平數(shù)組。

5、Luxon

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

Luxon 是一個現(xiàn)代日期和時間操作庫。如果你曾經(jīng)處理過日期和時間，你選擇合適的庫是成功的一半。尤其是如果你注定要受到多個時區(qū)的影響時，這個庫就非常有用。

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 更年輕、更現(xiàn)代化。然而，Luxon 使用 Intl 對象，而Moment使用 Date 對象。

6、Faker

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

Faker 是我在構(gòu)建項目早期測試階段使用的一個庫。它是一個可以輕松將真實的測試數(shù)據(jù)添加到應(yīng)用程序中的庫。

let faker = require('faker');
let randomName = faker.name.findName(); // Rowan Nikolauslet randomEmail = faker.internet.email(); // [email protected]

Faker 的強項肯定是你可以添加的不同數(shù)據(jù)的數(shù)量。所有數(shù)據(jù)僅用于測試目的。你可以添加各種地址、電子郵件、姓名，甚至比特幣地址和汽車制造商！

如果你厭倦了隨處可見的 Lorem Ipsum，你可能想看看這個庫。

7、Dotenv

Dotenv 是一個用于確保你的應(yīng)用程序是安全的庫。提高安全性的方法之一就是使用環(huán)境變量。這就是這個庫的用途，它是用于此目的最常用的庫之一。

DB_HOST=localhostDB_USER=rootDB_PASS=passw0rd

你可以使用應(yīng)用程序的所有環(huán)境變量創(chuàng)建一個 .dotenv 文件。一定不要提交這些，因為這些應(yīng)該是特定于環(huán)境的，或者只在一臺 PC 上工作以獲得最大的安全性。

8、Mongoose

地址：https://mongoosejs.com/

Mongoose 是一個很棒的庫，可以在你使用 MongoDB 數(shù)據(jù)庫時使用。它是一個對象建模庫，使用 Mongo 和 Javascript 盡可能容易。

const mongoose = require('mongoose');mongoose.connect('mongodb://localhost:27017/db-url', {useNewUrlParser: true, useUnifiedTopology: true});
const Cat = mongoose.model('Cat', { name: String });
const kitty = new Cat({ name: 'Taco' });
kitty.save().then(() => console.log('Cat added'));

幾乎所有的 Mongo 和 Javascript 教程都以這個庫為特色，而不是默認(rèn)的 MongoDB 庫，因為它很容易，大多數(shù)開發(fā)人員都離不開它。

9、Realm

地址：https://realm.io/

Realm 在用于數(shù)據(jù)庫開發(fā)的形式上類似于 Mongoose。我只將 Realm 用于移動應(yīng)用程序開發(fā)中，一旦設(shè)置好，它就會展現(xiàn)它的工作魅力。

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

對于 React Native 開發(fā)來說，真正優(yōu)秀的數(shù)據(jù)庫選項并不多，我認(rèn)為 Realm 確實有點填補了這個角色。它的數(shù)據(jù)庫與 Mongoose 非常相似，它可以在 MongoDB 上運行。

10、GatsbyJS

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

Gatsby 是一個靜態(tài)的服務(wù)器渲染網(wǎng)站庫。它類似于 NextJS，雖然它目前缺乏一些功能，但我認(rèn)為開發(fā)人員的體驗比我嘗試過的其他類型的庫都要好。

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 為中小型網(wǎng)站創(chuàng)建了一個非常好的技術(shù)堆棧。它適用于從營銷到博客的任何內(nèi)容。

結(jié)論

這些只是我過去使用過的一些庫。作為開發(fā)人員，你可能每天都會遇到新的庫，并且很容易過分使用它。

我喜歡盡可能少地使用庫，我只使用較大的庫或適用于某些問題的庫。

非常感謝你的閱讀，祝你有美好的一天。

學(xué)習(xí)更多技能

請點擊下方公眾號