在11月的前端技术列表中，我们汇总了一些令人惊叹的GitHub项目，其中包括新的CSS框架、node.js包管理器以及用于图标、加载效果、工具提示的纯CSS解决方案。那么，让我们来看看吧。玩得开心！1、WingWing是一个微型（压缩后只有4KB）的响应式CSS框架，它提供了一个12列的响应式网格和一套基本的样式组件，可以为您的建站工作打下坚实的基础。当然，这个项目最酷的一点是它的绝大多数HTML元素都是自动样式化的，没有任何额外的类。希望你会喜欢！HERE:Wing项目地址2.ShaveShave是一个零依赖，轻量级的JavaScript插件，可以截断多行文本以适应基于max-height设置的html元素，并将原始文本字符串存储在隐藏的元素中，以便您的文字在页面上保持不变。Shave不依赖于任何库，它在jQuery中提供了一个独立版本的插件。HERE:Shave项目地址3.Cerebral是一个JavaScriptMVC应用程序状态管理器，它有一个独立的调试器。在Cerebral中，应用程序状态存储在管理所有服务器端和客户端状态的单个树模型中。另一方面，调试器具有对模型、控制器和视图的实时管理访问权限。HERE：大脑项目地址4.WenkWenk是一个纯CSS编写的轻量级文本工具提示库。尽管其压缩版本只有700字节，但它仍然管理并提供了一些自定义选项。不同工具提示的大小、位置和文本对齐方式等。HERE：Wenk项目地址5.CSSLoaderCSSLoader是一个非常好用的加载器。它允许开发人员使用纯CSS文件和一个空的元素快速创建加载指示器。HERE：CSSLoader项目地址6.Yarn相信大家都听说过Facebook最近推出的开源Node.js包管理器Yarn。它有一个强大的缓存系统，可以大大减少包安装时间，并且可以为参与一个项目的所有用户保持相同的节点模块（node_modules）目录结构，这有助于减少难以跟踪的错误和在多台机器上的复制。虽然它与NPM的背景不同，但使用Yarn几乎等同于使用NPM，开发者需要更快地理解它！HERE：Yarn项目地址7.CanvasGaugesCanvasGauges是一个完全可定制的仪表，使用纯JavaScript和HTML5Canvas（画布）构建，您可以使用它来创建测量设备，例如车速表、温度计等。由于其代码量小，无依赖，也适用于物联网设备。您可以通过网站上的示例熟悉它。HERE：CanvasGauges项目地址8.CSSIconCSSIcon是一个图标集网站，汇集了500+个纯CSS代码实现。使用起来也非常简单。当你点击一个图标时，会弹出该图标对应的HTML和CSS代码。同时，你可以直观的了解实现了哪部分CSS代码，实现了图标的哪些元素。这么棒的项目难道不应该给满分吗？快来享受吧！HERE：CSSIcon项目地址9.CurrencyFormatter.jsCurrencyFormatter.js是一个简单实用的纯JS格式货币库。它支持155个不同国家/地区的货币格式，以及700多种不同语言的本地化。另外，它可以处理一些用不到的货币格式，非常强大。HERE:CurrencyFormatter.js项目地址10.KUTE.js一个原生的高性能JavaScript动画引擎：KUTE.js。它的核心库提供了所有基本的动画方法，你可以添加很多插件来丰富KUTE的功能。同时，它还有一个单独的扩展，可以同时与jQuery、SVG、CSS属性等一起工作。此处：KUTE.js项目地址11.VueMaterialVueMaterial是一个轻量级的Vue.js框架，根据MaterialDesign规范构建。它旨在提供一组可重用的高质量组件和一系列UI元素，以支持现代Web浏览器通过Vue2.0构建应用程序。该库也很容易实现，除了Vue.js之外没有依赖项。此处：VueMaterial项目地址12.TestCafeTestCafe是一个端到端的解决方案，用于测试用纯Node.js编写的Web应用程序。它基于Node.js，不需要安装NPM包以外的任何东西——不需要浏览器插件或编译器。编写测试后，运行TestCafe，它将为您运行浏览器测试、收集结果并创建报告。HERE：TestCafe项目地址13.Core.cssCore.css是一个用于构建响应式网站的轻量级框架。它压缩后只有1.3kb，没有预先设计的元素和内置动画。非常适合构建任何小型Web项目。HERE：Core.css项目地址14.Flv.jsB站相信大家都不陌生，Flv.js是bilibili网站开源的一款HTML5Flash视频（FLV）播放器，采用纯原生JavaScript开发（ECMAScript6编写）),不使用Flash。其工作原理是Flv.js解析JavaScript中的flv文件流，实时转换成fmp4，通过MediaSourceExtensions馈送到浏览器，实现FLV格式视频的播放。HERE:Flv.js项目地址15.Next.jsNext.js是一个基于React的通用JavaScript框架。它提供了一种创建新的JavaScriptWeb应用程序的便捷方式。开发人员不必花费太多时间来设置Webpack或Babel配置。HERE：Next.js项目地址译者注：Next.js的详细介绍见这里。以上就是本文的所有分享，希望大家能找到适合自己项目的前端库。
