2017 年 10 月:15 个有趣的 JS 和 CSS 库

在每个月,我们都会为大家分享一些最新、有趣的前端库,希望它们中的一些会对你的项目有所帮助。当然,如果你也发现了一些有趣、实用的库,框架或是工具,也欢迎留言与大家一同分享。


1.Currency

currency.js 是一个用于处理货币值的轻量级 JavaScript 库,它解决了 JS 中的浮点问题,你无须担心 Decimal 这类精准的数据类型,就可以直接进行基本的算数运算。同时,它也适合不同类型的数据输入,例如字符串、数字和货币对象。

项目地址:【传送门

2.Lass

你可以使用 Lass 搭建基于 Node.js 的脚手架工具。它易于安装,你只需要在终端上运行npm install -g lass即可,并且它还提供了丰富的功能,如使用 ava 进行单元测试,利用 prettier 自动格式化代码,自动 git init,自动 Markdown 语法转化以及使用 Remark 进行代码检查等。

项目地址:【传送门

3.Fastify

Fastify 是一个现代的 Node.js 框架,灵感源自 Hapi 和 Express 等项目。除了要成为最快的 Node 框架之一,它还具备对开发者友好、完全异步以及完全可扩展(通过其 hooks、插件和装饰器)等优点。

项目地址:【传送门

4.Draggable

Draggable 是一个轻量级、响应式的 JS 拖放库,由 Shopify 出品。它提供了高级的拖放功能,能够快速进行 DOM 重新排序,并且拥有清晰的 API 和访问标记。同时,它也附带了一些额外的模块,便于你进行扩展。

项目地址:【传送门

5.Mousetrap

Mousetrap 是一个简单、轻量的 JavaScript 库,可用于捕获和处理键盘事件。它支持 keypress、keydown 和 keyup 等键盘事件,适用于国际键盘布局和数字小键盘。

项目地址:【传送门

6.src2png

使用这个库,你可以将源码生成为语法高亮的图片进行展示。你还可以了解下它的工作流程:src2png 启动 Poi dev 服务程序,并使用 Puppeteer 运行 Headless Chrome 实例,完成渲染、裁剪后,最终保存截图。

项目地址:【传送门

7.Stencil

Stencil 是一个简单的 Web 组件编译器。它结合了流行框架的设计理念,通过使用 TypeScript、JSX、虚拟 DOM,Reactive 数据绑定和异步渲染(类似于 React Fiber)来生成 Web 组件。

项目地址:【传送门

8.Words To Numbers

Words To Numbers 是一个有趣的 JS 库,它能够识别单词并转化为数字。如果传递的字符串为数字,它就会返回相应的数值,否则它将返回初识字符串。你还可以使用 Jaro distance 进行模糊文本的最佳匹配,即使字符串中出现了拼写有误的单词,也不影响匹配的结果。

项目地址:【传送门

9.Mail for Good

Mail for Good 是一个开源的电子邮件营销管理软件,可用于通过 Amazon 的 AWS 简易邮件服务进行发送。它提供了电子邮件发送与管理的众多功能,例如发送无限制容量大小的电子邮件,导入 CSV 格式的电子邮件,创建模板,以及追踪邮件跳出率等。

项目地址:【传送门

10.Devices.css

Devices.css 是一个使用纯 CSS 实现移动设备的库。它包含了一些目前主流的移动设备,如 iPhone X,Google Pixel 2 XL 和三星Galaxy S8。由于其高品质的设计,可用于着陆页面或者网页快照。

项目地址:【传送门

11.AR.js

想在移动设备上体验增强现实吗?那么,AR.js 将会帮你完成体验之旅。它完全基于 Web,可在使用 webgl 和 webrtc 的手机上流畅运行。

如果你也想尝试一下,可以先打开这个演示:首先,在你的电脑浏览器中打开标记为 Hiro 的图像,然后在手机的浏览器中打开 AR Web APP ,并将其转到你的电脑屏幕上即可。

项目地址:【传送门

12.SentinelJS

SentinelJS 是一个小型 JavaScript 库,可让你使用 CSS 选择器检测新的 DOM 节点。当添加新的 DOM 节点时,它会使用 CSS 动画效果之@keyframes规则,将其添加至浏览器的 animationstart 事件。

项目地址:【传送门

13.Luma.GL

Luma.GL 是一个用于 GPU 数据计算与可视化的 WebGL2 框架。它提供了一种使用高性能的 WebGL2 在浏览器中展示大量数据的方法,并且它还引导了一个高级的 API 库 – deck.gl

项目地址:【传送门

14.Zoomove

这是一个让你在移动鼠标时动态缩放图像的 jQuery 插件。它易于安装与使用,提供了设置图像url、缩放大小、光标指针等诸多属性,并且兼容 Chrome 42+,Firefox 41+,Safari 9+,Opera 29+ 和 IE 9+。

如果想深入了解其使用方式,这还有一篇教程供你参考与学习。

项目地址:【传送门

15.Scrollanim

Scrollanim 是一个用于创建滚动动画的轻量级 CSS3 + JS 库。它是一个开源库,且易于使用。由于使用了 Animate.css 以及拥有丰富的内置 CSS3 动画,所以你可以选择淡入、淡出等动画效果。

项目地址:【传送门


感谢你的阅读。若你有所收获,欢迎点赞与分享。

注:

  1. 本文版权归原作者所有,仅用于学习与交流;
  2. 如需转载译文,烦请按下方注明出处信息,谢谢!

英文原文:15 Interesting JavaScript and CSS Libraries for October 2017
作者:Danny Markov
译者:IT程序狮
译文地址:https://zhuanlan.zhihu.com/p/31321429


更多文章:

  1. 2017 年 9 月:15 个有趣的 JS 和 CSS 库
  2. 2017 年 8 月:15 个有趣的 JS 和 CSS 库
  3. 2017 年 6 月:15 个有趣的 JS 和 CSS 库
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 159,117评论 4 362
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,328评论 1 293
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,839评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,007评论 0 206
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,384评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,629评论 1 219
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,880评论 2 313
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,593评论 0 198
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,313评论 1 243
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,575评论 2 246
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,066评论 1 260
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,392评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,052评论 3 236
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,082评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,844评论 0 195
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,662评论 2 274
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,575评论 2 270

推荐阅读更多精彩内容