今天为大家分享一些有趣的前端库，希望它们中的一些会对你的项目有所帮助。
1.Devices.css
Devices.css 是一个使用纯 CSS 实现移动设备的库。它包含了一些目前主流的移动设备，如 iPhone Xs，三星Galaxy S9。由于其高品质的设计，可用于着陆页面或者网页快照。
2.animate.css
animate.css是一个集合酷的，有趣的和跨浏览器的动画。Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.
3.Lass
你可以使用 Lass 搭建基于 Node.js 的脚手架工具。它易于安装，你只需要在终端上运行 npm install -g lass 即可，并且它还提供了丰富的功能，如使用 ava 进行单元测试，利用 prettier 自动格式化代码，自动 git init，自动 Markdown 语法转化以及使用 Remark 进行代码检查等。
这里还是要推荐下小编的web前端学习 群 : 687958461，不管你是小白还是大牛，小编我都欢迎，不定期分享干货，包括小编自己整理的一份最新的web前端资料和0基础入门教程，欢迎初学和进阶中的小伙伴。在不忙的时间我会给大家解惑。
4.Currency
currency.js 是一个用于处理货币值的轻量级 JavaScript 库，它解决了 JS 中的浮点问题，你无须担心 Decimal 这类精准的数据类型，就可以直接进行基本的算数运算。同时，它也适合不同类型的数据输入，例如字符串、数字和货币对象。
5.Three.js
Three.js 是一款运行在浏览器中的 3D 引擎，你可以用它创建各种三维场景，包括了摄影机、光影、材质等各种对象。你可以在它的主页上看到许多精采的演示
6.Fastify
Fastify 是一个现代的 Node.js 框架，灵感源自 Hapi 和 Express 等项目。除了要成为最快的 Node 框架之一，它还具备对开发者友好、完全异步以及完全可扩展（通过其 hooks、插件和装饰器）等优点。
7.Mousetrap
Mousetrap 是一个简单、轻量的 JavaScript 库，可用于捕获和处理键盘事件。它支持 keypress、keydown 和 keyup 等键盘事件，适用于国际键盘布局和数字小键盘。
8.Draggable
Draggable 是一个轻量级、响应式的 JS 拖放库，由 Shopify 出品。它提供了高级的拖放功能，能够快速进行 DOM 重新排序，并且拥有清晰的 API 和访问标记。同时，它也附带了一些额外的模块，便于你进行扩展。
9.Words To Numbers
Words To Numbers 是一个有趣的 JS 库，它能够识别单词并转化为数字。如果传递的字符串为数字，它就会返回相应的数值，否则它将返回初识字符串。你还可以使用 Jaro distance 进行模糊文本的最佳匹配，即使字符串中出现了拼写有误的单词，也不影响匹配的结果。
10.src2png
src2png 是一个将代码生成图片的工具。重要的是，它可根据不同的语言对代码进行语法高亮，从而生成美观且高质量的图片。你还可以了解下它的工作流程：src2png 启动 Poi dev 服务程序，并使用 Puppeteer 运行 Headless Chrome 实例，完成渲染、裁剪后，最终保存截图。
11.SentinelJS
SentinelJS 是一个小型 JavaScript 库，可让你使用 CSS 选择器检测新的 DOM 节点。当添加新的 DOM 节点时，它会使用 CSS 动画效果之@keyframes 规则，将其添加至浏览器的 animationstart 事件。
12.AR.js
想在移动设备上体验增强现实吗？那么，AR.js 将会帮你完成体验之旅。它完全基于 Web，可在使用 webgl 和 webrtc 的手机上流畅运行。
如果你也想尝试一下，可以先打开这个演示：首先，在你的电脑浏览器中打开标记为 Hiro 的图像，然后在手机的浏览器中打开 AR Web APP ，并将其转到你的电脑屏幕上即可。
13.Zoomove
这是一个让你在移动鼠标时动态缩放图像的 jQuery 插件。它易于安装与使用，提供了设置图像url、缩放大小、光标指针等诸多属性，并且兼容 Chrome 42+，Firefox 41+，Safari 9+，Opera 29+ 和 IE 9+。
14.Luma.GL
Luma.GL 是一个用于 GPU 数据计算与可视化的 WebGL2 框架。它提供了一种使用高性能的 WebGL2 在浏览器中展示大量数据的方法，并且它还引导了一个高级的 API 库 – deck.gl
Stencil 是一个简单的 Web 组件编译器。它结合了流行框架的设计理念，通过使用 TypeScript、JSX、虚拟 DOM，Reactive 数据绑定和异步渲染（类似于 React Fiber）来生成 Web 组件。
15.Scrollanim
Scrollanim 是一个用于创建滚动动画的轻量级 CSS3 + JS 库。它是一个开源库，且易于使用。由于使用了 Animate.css 以及拥有丰富的内置 CSS3 动画，所以你可以选择淡入、淡出等动画效果。
如果你也发现了一些有趣、实用的库，框架或是工具，也欢迎留言与大家一同分享。
网友评论