专栏名称: AleCC
善良的小美工
51好读  ›  专栏  ›  AleCC

2017年最佳的JavaScript和CSS库 -- 众成翻译

AleCC  · 掘金  ·  · 2018-03-21 02:51

正文

原文出处 The Best JavaScript and CSS Libraries for 2017

我们Tutorialzine的任务是让您了解最新的最酷Web发展趋势。在过去的一年中,我们向您展示了许多有趣的库和资源,我们认为这些库和资源值得一试。这就是我们决定在这篇文章中与你分享那些最突出的收藏的原因


localforage.png

localForage

用于indexedDB和WebSQL的封装程序,可提高Web应用程序在离线本地数据存储方面的能力。读写操作与localStorage类似,但除了字符串外可以保存许多其他类型的数据。它还提供双重API,使开发人员可以选择使用回调函数或Promises。您可以在我们的 Make IndexedDB a Breeze With LocalForage 文章中找到更多关于它的信息。


aos.jpg

AOS

AOS是一个CSS库,允许您添加滚动动画效果。该库是高可定制的,非常小,易于使用(通过CDN安装),最重要的是性能良好,这对于其他的滚动库来说是一个问题


mjml.jpg

MJML

MJML是一种简单的类XML的语言,它提供简单的标记语法和各种可以编译为email-friendly 页面的程式化组件。这样,我们不必手动编写表格和传统内嵌样式的整个布局。它还提供了丰富的标准化组件和各种定制选项。有关更多详细信息,可以查看我们的 使用MJML构建响应式电子邮件 教程。


monaco.jpg

Monaco editor

微软基于Electron的Visual Studio Code的编辑引擎。它拥有您期望从现代代码编辑器中获得的一切 -多种语法高亮,多光标操作,键盘快捷键,代码补全等等。Monaco是开源的,因此它可以用来为您想到的任何编辑器项目提供支持。


a-frame.png

A-frame

这个先进的库允许您仅使用好的网络技术创建虚拟现实体验。在用HTML创建3D世界之后,A-frame将把它分成两个视角稍有不同屏幕。现在,您可以使用Google Cardboard或其他耳机在您的手机上运行演示程序,并享受VR乐趣。


bootstrap-4.jpg

Bootstrap 4

Bootstrap 4为我们在第3版中熟悉的栅格系统带来了许多变化和新功能。新版本的框架带来了很多重大变化,包括基于flexbox的栅格系统,新的重新设计的组件以及更快的ES6 JavaScript插件。另一个很酷的新功能是自动布局模式。它允许开发人员忽略列的大小,使他们自动分配该行中的空间。


prettier.jpg

Prettier

Prettier是一个受到 refmt 启发并具有ES2017,JSX和Flow语言特性高级支持的个性化JavaScript格式。它删除所有原始格式并确保所有输出的JavaScript符合一致的风格。


gpu.jpg

GPU.js

用于在GPU中运行浏览器JavaScript代码的库。使用GPU.js,您可以通过将专门编写的JS编译成可通过WebGL在GPU上运行的着色器语言来更快速地执行复杂的计算。如果WebGL不可用,则函数将回退到常规JavaScript。


r2.png

r2

这是流行的Node.js request 库的更新版本。这是一个更轻量级的HTTP客户端解决方案,它建立在浏览器的本地 Fetch API 之上,并为Node.js提供了亮点。与request的〜500K占用空间相比,压缩后的R2的大小仅为16K。


puppeteer.png

Puppeteer

Puppeteer是一个高级Node.js API,用于处理新的无头Chrome特性。它是Chrome DevTools团队维护的官方Google项目。在无头环境中,您可以生成截图和PDF,在链接和应用程序状态之间导航,自动执行用户输入并形成验证测试并从网站中抓取数据。您可以在我们的文章 使用Node.js自动化Google Chrome 中了解更多关于它的信息,我们会在其中试用它的一些功能。







请到「今天看啥」查看全文