关于前端:10个比较不错的-JavaScript-库

39次阅读

共计 2686 个字符，预计需要花费 7 分钟才能阅读完成。

Javascript 当初曾经演变成一种你能够做任何事件的语言。现在，咱们创立了服务器端代码、前端代码、挪动利用程序代码等等。

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

1、Nodemon

Nodemon 是一个能够实现服务器开发的库。任何更改后，它将主动保留，主动重新启动的服务器（或其余我的项目）。

它晓得何时保留前端文件（例如 CSS），如果你正在更新须要重新启动的后端文件，它只会在你须要时尝试重新启动。

它易于装置并且在你的我的项目过程中节俭了工夫，这使得它成为每个我的项目的必备品。

2、UUID

UUID 是一种独特的标识规范，可用于多种数据库和其余语言。PostgreSQL 甚至有一个 UUID 类型能够用于 ID。它通过无奈猜想进去减少安全性。

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

它易于应用，每次我须要数据库的惟一值时我都会应用它。库的 ID 合乎 UUID 规范。

3、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

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

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

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

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

Realm 在用于数据库开发的模式上相似于 Mongoose。我只将 Realm 用于挪动利用程序开发中，一旦设置好，它就会展示它的工作魅力。

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

对于 React Native 开发来说，真正优良的数据库选项并不多，我认为 Realm 的确有点填补了这个角色。它的数据库与 Mongoose 十分类似，它能够在 MongoDB 上运行。

10、GatsbyJS

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 为中小型网站创立了一个十分好的技术堆栈。它实用于从营销到博客的任何内容。

正文完