10个很棒的 JavaScript 库
共 3570字,需浏览 8分钟
·
2021-08-15 22:00
英文 | 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 尽可能容易。
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 教程都以这个库为特色,而不是默认的 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 为中小型网站创建了一个非常好的技术堆栈。它适用于从营销到博客的任何内容。
结论
这些只是我过去使用过的一些库。作为开发人员,你可能每天都会遇到新的库,并且很容易过分使用它。
我喜欢尽可能少地使用库,我只使用较大的库或适用于某些问题的库。
非常感谢你的阅读,祝你有美好的一天。
学习更多技能
请点击下方公众号