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

翻译 | 杨小二

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

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

地址&＃xff1a;https://www.npmjs.com/package/nodemon

Nodemon 是一个可以实现服务器开发的库。任何更改后&＃xff0c;它将自动保存&＃xff0c;自动重新启动的服务器&＃xff08;或其他项目&＃xff09;。

它知道何时保存前端文件&＃xff08;例如 CSS&＃xff09;&＃xff0c;如果你正在更新需要重新启动的后端文件&＃xff0c;它只会在你需要时尝试重新启动。

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

地址&＃xff1a;https://www.npmjs.com/package/uuid

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

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


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

地址&＃xff1a;https://github.com/axios/axios

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

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

axios.get(&＃39;/profile?id&＃61;12345&＃39;).then(function (response) {// handle successconsole.log(response);}).catch(function (error) {// handle errorconsole.log(error);})
4、Lodash

地址&＃xff1a;https://lodash.com/

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

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


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

地址&＃xff1a;https://moment.github.io/luxon/#/

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

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


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

地址&＃xff1a;https://github.com/marak/Faker.js/

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

let faker &＃61; require(&＃39;faker&＃39;);let randomName &＃61; faker.name.findName(); // Rowan Nikolaus
let randomEmail &＃61; faker.internet.email(); // Kassandra.Haley&＃64;erich.biz


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

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

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

DB_HOST&＃61;localhost
DB_USER&＃61;root
DB_PASS&＃61;passw0rd


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

地址&＃xff1a;https://mongoosejs.com/

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

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


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

地址&＃xff1a;https://realm.io/

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

const studentSchema &＃61; {name: "Student",properties: {name: "string",grades: "int[]"}
}


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

地址&＃xff1a;https://www.gatsbyjs.com/

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

import React from "react"
export default function Home() {return (

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

结论

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

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

非常感谢你的阅读&＃xff0c;祝你有美好的一天。

学习更多技能

请点击下方公众号