ECMAScript15 个有意思之 JavaScript 与 CSS 库

15 单好玩的 JavaScript 与 CSS 库

当十一月份底前端技术列表中,我们结合了片叫人感觉到愕然之 GitHub
项目,其中富含了新的 CSS
框架、node.js包管理器,以及用于落实图标、加载效果、工具提示的纯 CSS
解决方案。

这就是说,让我们一道来探望吧。Have Fun !


1. Wing

Wing

Wing 是一个微型(压缩后只是来4KB)响应式的 CSS 框架,它提供了一个 12
列响应式网格以及基础之样式组件集,可为而的建站工作打下牢固的底子。当然,这个路最为深的地方在于,它绝大多数底
HTML 元素都是活动样式化的,而非欲另外额外的切近。希望您晤面爱!

HERE:Wing
项目地址

1. Shave

Shave

Shave 是一个零依赖、轻量级的 JavaScript
插件,它会截断多推行文本,以适应基于 max-height 设定好的 html
元素,并以故文本字符串存储于隐蔽的“元素中,以便你的文件能够完整地保存在页面中。Shave
不靠任何库,同时其当 jQuery 中提供了一个独自版本的插件。

HERE:Shave
项目地址

1. Cerebral

Cerebral

一个 JavaScript MVC 应用程序状态管理器,并且其发出单独的调试器。在
Cerebral
中,应用程序的状态为储存在么的造模型中,该型管理方有服务器端和客户端的状态。

假如调试器具有针对性范、控制器和视图的实时管理权限。

HERE:Cerebral
项目地址

1. Wenk

Wenk

Wenk 是一个轻量级纯 CSS
写的文件工具提示库。虽然它的压缩版仅来700字节,但她仍能管理并提供有定制选项。诸如不同提示工具的高低、位置和文件对共同。

HERE:Wenk
项目地址

  1. [CSS

    Loader](https://link.jianshu.com?t=http://www.raphaelfabeni.com.br/css-loader/)

CSS Loader

CSS Loader 是一个老大有因此加载器。它同意开发人员利用纯 CSS
文件,以及一个拖欠<div>素就得以快速的创始加载指示器。

HERE:CSS Loader
项目地址

1. Yarn

Yarn

信任近期 Facebook 推出的开源 Node.js 包管理器
Yarn,大家就有所耳闻了。它拥有强大的休养生息存系统,能够大大降低包的安装时间,并且能够为参与一个类型之拥有用户维持相同之节点模块(node_modules)目录结构,有助于削减麻烦追踪的
bug 和在多华机械及复制。

虽然,它跟 NPM 产生背景不同,但利用 Yarn 几乎可以同样于用 NPM
,开发人员需要更快之刺探她哦!

HERE:Yarn
项目地址

  1. [Canvas

    Gauges](https://link.jianshu.com?t=https://canvas-gauges.com/)

Canvas Gauges

Canvas Gauges 是一个使用纯 JavaScript 和 HTML5
Canvas(画布)打造的而净从定义的仪态,你可就此它们来创造诸如机动车速度表、温度计等品种的测量装置。

鉴于其的代码量很有点,并且没有依赖,同时适用于物联网设备。你可透过网站的示例来打探她。

HERE:Canvas Gauges
项目地址

1. CSS Icon

CSS Icon

CSS Icon 是一个凑了500+ 纯 CSS
代码实现之图标集网站。使用起来为大简短,当您点击了某个一个图标,便会弹有图标对应的
HTML 与 CSS 代码,同时您可直观的询问及 CSS
代码的什么有,实现了图标的哪些要素。

如此棒的门类,是休是得为满分为?快来 Enjoy吧!

HERE:CSS Icon
项目地址

1. CurrencyFormatter.js

CurrencyFormatter.js

CurrencyFormatter.js 是平等悠悠简单实用的纯 JS 格式化货币库。它支持 155
种不同国家的钱格式,以及过 700 种植不同语言的本地化设置。

除此以外,它还会处理某些不使用的货币格式,功能异常有力。

HERE:CurrencyFormatter.js
项目地址

1. KUTE.js

KUTE.js

同等舒缓有着高性能的原生 JavaScript 动画引擎:KUTE.js.
它的核心库提供了独具中心的卡通方法,你得长许多插件来添加 KUTE
的机能。同时,它还有所单独的扩展,可以而且与jQuery、SVG、CSS属性等联手干活。

HERE:KUTE.js
项目地址

  1. [Vue

    Material](https://link.jianshu.com?t=https://marcosmoura.github.io/vue-material/#/)

Vue Material

Vue Material 是一个基于 Material Design 规范构建的轻量级 Vue.js
框架。它旨在提供相同组可选用的过人格调组件和均等多样 UI 元素,通过 Vue2.0
支持现代之 Web 浏览器来构建应用程序。

该库也够呛爱实现,除了 Vue.js 之外无另外借助。

HERE:Vue Material
项目地址

  1. [Test

    Cafe](https://link.jianshu.com?t=http://devexpress.github.io/testcafe/)

Test Cafe

Test Cafe 是一个纯 Node.js 编写的用来测试 Web
应用程序端到端的缓解方案。它根据 Node.js,并且不需安装 NPM
包之外的旁事物——不欲浏览器插件与编译器。

倘你编了测试,运行 Test
Cafe,它用为而进行浏览器测试、收集结果并创造报告。

HERE:Test Cafe
项目地址

1. Core.css

Core.css

Core.css 是一个用来构建响应式网站的轻量级框架。它减少后只有发生
1.3kb,同时它从不先行设定的元素与放动画。所以适用于搭建任何小型的 Web
项目。

HERE:Core.css
项目地址

1. Flv.js

Flv.js

B站相信大家都不见面生,而 Flv.js 就是出于 bilibili 网站开源的 HTML5 Flash
视频(FLV)播放器,纯原生 JavaScript 开发(ECMAScript 6 编写)
,没有利用 Flash。

它的工作原理是 Flv.js 在 JavaScript 中流式解析 flv
文件流,并实时移封装为 fmp4 ,通过 Media Source Extensions
喂给浏览器,实现了 FLV 格式视频的播音。

HERE:Flv.js
项目地址

1. Next.js

Next.js

Next.js 是一个根据 React 的通用 JavaScript
框架。它提供了千篇一律种好的主意来创造新的 JavaScript Web
应用程序。开发人员不必在搭建 Webpack 或 Babel 的配置达到花太多之年华了。

HERE:Next.js
项目地址

译者注:关于 Next.js
的事无巨细介绍好看这里。

如上就是本文所有的分享,希望而会找到符合你色的前端库。


倘看文章对,不妨点单赞。\_

注:正文版权归原作者有。如需转载译文,烦请注明出处,谢谢!

英文原文:15 Interesting JavaScript and CSS Libraries for November
2016
作者:Danny Markov
译者:IT程序狮
译文源自:http://www.jianshu.com/p/f651fc45e586