WebGL Tutorial
and more

一些较好的JS类库

撰写时间:2024-11-06

修订时间:2024-11-19

简介

这里会不定期地分类列出一些较好的JavaScript库。

名称作用
Tabulator功能齐全的Table
jQueryDOM管理利器
xterm.js在浏览器中使用终端
vConsolevConsole (Tencent)
TypeScript强类型的JavaScript
Node.jsNode.js生态环境
reveal.jsWeb PPT

术语

NPM

NPM,即Node Package Manager,是Node.js生态环境的包管理器。

在终端中,可使用:

npm install <package-name>

来安装可在Node.js下运行的包。

NPM的官网为https://www.npmjs.com。它由Github于2020年收购,用于统一管理、维护NPM的包及npm这个CLI (Command Line Interface),并免费提供给JavaScript开发人员使用。目前NPM包的数量已超过200万。

一般情况下,在我们谈到到NPM时,我们通常指的是Node.js的包。

CDNs

何为CDN

通常情况下,我们通过运行npm在本地安装相应的NPM包在Node.js环境中使用。而若要在Web端使用,需使用相应的工具,诸如rollup.js等工具,进行相应的打包并转换为可以Web端使用的.js文件,最后在HTML网页中调用。

可见,下载、安装、转换这一系列过程比较繁琐。这时,CDN就派上用场了。

CDN,即Content Delivery Network, 内容分发网络,是指在Web端负责免费提供NPM外链的运营商。

例如,若要在网页中使用split.js,只需以下代码:

<script src="https://unpkg.com/split.js/dist/split.min.js"></script>

一些常用的CDNS

unpkg.com提供了https://www.npmjs.com网站上所有的包的外链。实际上,该网站是个人网站,由Michael Jackson维护并通过CloudFlare来提供外链。

查看unpkg网站收录特定库的情况:

https://unpkg.com/xterm/

参考资源

General

  1. npm Home
  2. npm Docs
  3. unpkg Home
  4. Nice Front and Tutorial (Github)

Packaging

  1. webpack
  2. rollup.js