点赞再看, 养成习惯
直接开门见山, 看看有哪些好用受欢迎的库值得我们使用.
- 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 可以方便地实现常见的图片编辑操作, 如裁剪, 格式转换, 旋转变换, 滤镜添加等.
我目前是在职前端开发, 如果你现在也想学习前端开发技术, 在入门学习前端的过程当中有遇见任何关于学习方法, 学习路线, 学习效率等方面的问题, 你都可以申请加入我的前端学习交流 3000 人裙: 前面: 851 中间: 231 最后: 348. 里面聚集了一些正在自学前端的初学者裙文件里面也有我做前端技术这段时间整理的一些前端学习手册, 前端面试题, 前端开发工具, PDF 文档书籍教程, 需要的话都可以自行来获取下载.
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 测试实用程序, 鼓励良好的测试实践
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 组件的原语
10. 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%之后触发).
来源: http://www.jianshu.com/p/0d3e56df94fc