2020受欢迎的20个JavaScript 库

BOM485480 2020-11-13 12:22:15
java javascript CSDN 欢迎 受欢迎


点赞再看,养成习惯
在这里插入图片描述
直接开门见山,看看有哪些好用受欢迎的库值得我们使用。

1.nodemon

GitHub: github.com/remy/nodemo…

GitHub Stars: 19.6 k

在编写调试Node.js项目,修改代码后,需要频繁的手动close掉,然后再重新启动,非常繁琐。现在,我们可以使用nodemon这个工具,它的作用是监听代码文件的变动,当代码改变之后,自动重启。

2.Sharp

网址:sharp.pixelplumbing.com/en/stable/

GitHub: github.com/lovell/shar…

GitHub Stars: 15 k

sharp是 Node.js 平台上相当热门的一个图像处理库,其实际上是基于 C 语言编写 的 libvips 库封装而来,因此高性能也成了 sharp 的一大卖点。sharp 可以方便地实现常见的图片编辑操作,如裁剪、格式转换、旋转变换、滤镜添加等。

3.Fabric.js

**网址:**fabricjs.com/

GitHub: github.com/fabricjs/fa…

GitHub Stars: 14.6 k

Fabric 是一个强大而简单的 JS Canvas 库,我们能通过使用它实现在 Canvas 上创建、填充图形、给图形填充渐变颜色。 组合图形(包括组合图形、图形文字、图片等)等一系列功能。简单来说我们可以通过使用 Fabric 从而以较为简单的方式实现较为复杂的 Canvas 功能

4.Immer

网址: immerjs.github.io/immer/docs/…

GitHub: github.com/immerjs/imm…

GitHub Stars: 14.3 k

Immer是mobx的作者写的一个 immutable 库,核心实现是利用 ES6 的proxy,几乎以最小的成本实现了 js 的不可变数据结构,解决了许多日常开发中的棘手问题。

5.Mark Text

网址: marktext.app/

GitHub: github.com/marktext/ma…

GitHub Stars: 14 k

Mark Text 所输及所见,摒弃了众多 markdown 编辑器左边写作右边预览的写作方式,巧妙的将编辑和预览融为一体

6.React Testing Library

网址: testing-library.com/react

GitHub: github.com/testing-lib…

GitHub Stars: 9.9 k

简单而完整的React DOM测试实用程序,鼓励良好的测试实践

如果大家对于学习前端有任何问题,学习方法,学习路线,如何学习有效率的问题,可以随时来咨询我,
或者缺少系统学习资料的,我做这行年头比较久,自认为还是比较有经验的,
可以帮助大家提出建设性建议,603985993这是我的web前端交流3000人裙,有任何问题可以随时来咨询我。

7.PostGraphile

文档: www.graphile.org/postgraphil…

GitHub: github.com/graphile/po…

GitHub Stars: 8.2 k

PostGraphile是即时GraphQL API。PostGraphile自动检测表、列、索引、关系、视图、类型、函数、注释等。

8.Botpress

网站地址: botpress.io/

GitHub: github.com/botpress/bo…

GitHub Stars: 8.2 k

一个用Javascript编写开源bot创建工具,它由社区建立的一组丰富源模块提供支持。 我们喜欢说Botpress就像Chatbots的Wordpress; 任何人都可以创建和重用其他人的模块。

9.downshift

网站地址: downshift.netlify.com/

GitHub: github.com/downshift-j…

GitHub Stars: 7.7 k

downshift用于构建简单,灵活,符合 WAI-ARIA 标准的增强型输入React组件的原语

  1. NG Bootstrap

网站地址: ng-bootstrap.github.io/#/home

GitHub: github.com/ng-bootstra…

GitHub Stars: 7.3 k

NG Bootstrap是基于Angular开发的Bootstrap CSS框架的指令集,它是专为Bootstrap 4开发的Angular组件,由ui-bootstrap团队构建。

11.Ajv

网站地址: ajv.js.org/

GitHub: github.com/epoberezkin…

GitHub Stars: 6.7 k

AJV是一个基于JSON-Schema的依赖包,他可以将我们定义的Schema格式作为参数生成一个对象,使用这个对象的构造函数可以用于检测数据的合法性,除此之外还能够自定义directive来产生我们需要的format。

12.Wiki.js

网站地址: wiki.js.org/

GitHub:github.com/Requarks/wi…

GitHub Stars: 6 k

Wiki.js是一个基于Node.js,Git和Markdown构建的免费开源,现代且功能强大的wiki应用程序。支持用户登录,可以让用户在本地注册或直接使用Microsoft,Google,GitHub等账户无缝登录体验,并选择限制对特定用户或甚至部分内容的Wiki访问。还可以定时远程备份数据到Git远程仓库。支持Windows,Linux和Mac平台,这里就说下Linux系统手动安装教程。

13.Ky

GitHub:github.com/sindresorhu…

GitHub Stars: 5 k

Ky 是一个基于浏览器Fetch API的简洁优雅HTTP客户端。

14.tui.chart

网站地址: ui.toast.com/tui-chart/

GitHub:github.com/nhn/tui.cha…

GitHub Stars: 4.4 k

tui.chart是一个直观且易于应用漂亮的数据可视化图表。一个开源JavaScript库, 可以在包括IE8在内的传统浏览器中使用,使用许多选项和自定义主题更详细地更改图表。

15.Duktape

GitHub:github.com/svaarala/du…

GitHub Stars: 4.2 k

Duktape 是一个轻量级的嵌入式 JavaScript 引擎,专注于可移植性和低占用率。

Duktape 可以被轻松地集成进一个 C/C++ 项目中:只需要将 duktape.c、duktape.h 和 duk_config.h 三个文件加入你的构建项目中,并使用 Duktape API 来实现 C 代码与 ECMAScript 函数的双向调用。

16.vue-interactive-paycard

事例: codepen.io/JavaScriptJ…

GitHub:github.com/muhammederd…

GitHub Stars: 4 k

vue-interactive-paycard是一种信用卡形式,具有流畅而微互动功能。 包括数字格式,验证和自动卡类型检测,使用Vue.js构建,并且具有充分的响应能力。

17.node-qrcode

GitHub:github.com/soldair/nod…

GitHub Stars: 3.5 k

node-qrcode是一个QR码/2d条码生成器。

18.WebGLStudio.js

GitHub:github.com/jagenjo/web…

GitHub Stars: 3.6 k

WebGLStudio.js是一个基于浏览器的开源3D图形套件。可以使用标准Web技术在浏览器中编辑场景和材质,设计效果和着色器。

一些重要的WebGLStudio.js功能:

完整的3D图形引擎(LiteScene.js),支持多个灯光,阴影贴图,实时反射,自定义材质,postFX,蒙皮,动画等等。

一个易于使用,你所看到的是你得到的(WYSIWYG)编辑器,它为所有编码,图形合成和时间线功能提供单一界面。

用于控制行为和后处理效果的图形编辑器。

支持LiteFileSystem.js,这是一个虚拟文件系统,允许在Web上拖放存储资源,具有可配置的配额,用户和共享文件夹。

通过发送单个链接导出和共享您的工作。

19.vue-chartjs

网站地址: vue-chartjs.org/

GitHub:github.com/apertureles…

GitHub Stars: 3.4 k

vue-chartjs让你在 Vue 中能更好的使用Chart.js。非常适合想要尽快启动和运行简单图表的人,它抽象了一些简单的逻辑, 但是也暴露了Chart.js对象, 提供了极大的灵活性。

20.ScrollTrigger

网站地址: terwanerik.github.io/ScrollTrigg…

GitHub:github.com/terwanerik/…

GitHub Stars: 3.1 k

ScrollTrigger用于根据当前滚动位置触发类。 例如。 当元素进入视口时,将其淡入。可以为每个元素添加自定义偏移量,或在视口上设置偏移量(例如,始终在元素达到视口的20%之后触发)。

版权声明
本文为[BOM485480]所创,转载请带上原文链接,感谢
https://blog.csdn.net/BOM485480/article/details/109092345

  1. [front end -- JavaScript] knowledge point (IV) -- memory leakage in the project (I)
  2. This mechanism in JS
  3. Vue 3.0 source code learning 1 --- rendering process of components
  4. Learning the realization of canvas and simple drawing
  5. gin里获取http请求过来的参数
  6. vue3的新特性
  7. Get the parameters from HTTP request in gin
  8. New features of vue3
  9. vue-cli 引入腾讯地图(最新 api,rocketmq原理面试
  10. Vue 学习笔记(3,免费Java高级工程师学习资源
  11. Vue 学习笔记(2,Java编程视频教程
  12. Vue cli introduces Tencent maps (the latest API, rocketmq)
  13. Vue learning notes (3, free Java senior engineer learning resources)
  14. Vue learning notes (2, Java programming video tutorial)
  15. 【Vue】—props属性
  16. 【Vue】—创建组件
  17. [Vue] - props attribute
  18. [Vue] - create component
  19. 浅谈vue响应式原理及发布订阅模式和观察者模式
  20. On Vue responsive principle, publish subscribe mode and observer mode
  21. 浅谈vue响应式原理及发布订阅模式和观察者模式
  22. On Vue responsive principle, publish subscribe mode and observer mode
  23. Xiaobai can understand it. It only takes 4 steps to solve the problem of Vue keep alive cache component
  24. Publish, subscribe and observer of design patterns
  25. Summary of common content added in ES6 + (II)
  26. No.8 Vue element admin learning (III) vuex learning and login method analysis
  27. Write a mini webpack project construction tool
  28. Shopping cart (front-end static page preparation)
  29. Introduction to the fluent platform
  30. Webpack5 cache
  31. The difference between drop-down box select option and datalist
  32. CSS review (III)
  33. Node.js学习笔记【七】
  34. Node.js learning notes [VII]
  35. Vue Router根据后台数据加载不同的组件(思考->实现->不止于实现)
  36. Vue router loads different components according to background data (thinking - & gt; Implementation - & gt; (more than implementation)
  37. 【JQuery框架,Java编程教程视频下载
  38. [jQuery framework, Java programming tutorial video download
  39. Vue Router根据后台数据加载不同的组件(思考->实现->不止于实现)
  40. Vue router loads different components according to background data (thinking - & gt; Implementation - & gt; (more than implementation)
  41. 【Vue,阿里P8大佬亲自教你
  42. 【Vue基础知识总结 5,字节跳动算法工程师面试经验
  43. [Vue, Ali P8 teaches you personally
  44. [Vue basic knowledge summary 5. Interview experience of byte beating Algorithm Engineer
  45. 【问题记录】- 谷歌浏览器 Html生成PDF
  46. [problem record] - PDF generated by Google browser HTML
  47. 【问题记录】- 谷歌浏览器 Html生成PDF
  48. [problem record] - PDF generated by Google browser HTML
  49. 【JavaScript】查漏补缺 —数组中reduce()方法
  50. [JavaScript] leak checking and defect filling - reduce() method in array
  51. 【重识 HTML (3),350道Java面试真题分享
  52. 【重识 HTML (2),Java并发编程必会的多线程你竟然还不会
  53. 【重识 HTML (1),二本Java小菜鸟4面字节跳动被秒成渣渣
  54. [re recognize HTML (3) and share 350 real Java interview questions
  55. [re recognize HTML (2). Multithreading is a must for Java Concurrent Programming. How dare you not
  56. [re recognize HTML (1), two Java rookies' 4-sided bytes beat and become slag in seconds
  57. 【重识 HTML ,nginx面试题阿里
  58. 【重识 HTML (4),ELK原来这么简单
  59. [re recognize HTML, nginx interview questions]
  60. [re recognize HTML (4). Elk is so simple