微信号:FrontDev

介绍:分享 Web 前端相关的技术文章、工具资源、精选课程、热点资讯

年度最佳 JavaScript 和 CSS 开源库推荐!

2018-02-22 20:00 前端大全

(点击上方公众号,可快速关注)

英文:Georgi Georgiev  译文:开源中国

my.oschina.net/editorial-story/blog/1622283


Tutorialzine 每个月都会公布一次当月新增的 JS 和 CSS 库。2018 新年之际,该网站整理出了 2017 年最受用户欢迎和喜爱的一些 JS 和 CSS 库,供大家学习和参考。



JavaScript 本地存储库 localForage


传送门:https://www.oschina.net/p/localforage



localForage 是一个 JavaScript 库,提升了应用程序的离线体验,通过使用异步的数据存储,提供简单的类似 localStorage 的 API,允许开发者存储多种类型数据。


CSS3 驱动的动画滚动库 AOS


传送门:http://www.oschina.net/p/animate-on-scoll



AOS(Animate on scroll)是小型动画滚动库,可在页面滚动时给元素添加动画效果。CSS3 驱动,效果类似于 WOWJS。


响应式邮件标识语言 MJML


传送门:https://www.oschina.net/p/mjml



MJML 是一个标识语言,用来减少编写响应式邮件的复杂度。其语义语法在展示丰富邮件内容时更加简单和直观。该项目提供一个开源的引擎用来将 MJML 标识语言转成 HTML。


基于浏览器的代码编辑器 Monaco-Editor


传送门:http://www.oschina.net/p/monaco-editor



Monaco Editor 是微软开源的基于 VS Code 的代码编辑器,运行在浏览器环境中。编辑器提供代码提示,智能建议等功能。供开发人员远程更方便的编写代码。


Web 虚拟现实框架 A-Frame


传送门:http://www.oschina.net/p/a-frame



A-Frame 是 Mozilla 开源的网页虚拟现实体验( WebVR )框架,可用于桌面、iPhone(即将支持安卓)以及 Oculus Rift。A-Frame 可以让创建 WebVR 体验变得更简单。 


Web 前端 UI 框架 Bootstrap 4


传送门:http://www.oschina.net/p/bootstrap

Bootstrap 4 带来了许多变化和新特性,包括基于 flexbox 的网格系统,新的和重新定义的组件,以及更快的 ES6 JavaScript 插件。 另一个很酷的新功能是自动布局模式。 它允许开发人员忽略列的大小,可自动分配该行中的空间。


前端代码格式化工具 Prettier


传送门:http://www.oschina.net/p/prettier



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


GPU 加速的 JavaScript GPU.js


传送门:http://gpu.rocks/



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


HTTP 客户端 R2


传送门:https://github.com/mikeal/r2



这是一个更轻量级的 HTTP 客户端解决方案,它建立在浏览器原生的 Fetch API 的基础之上,并为 Node.js 提供优化。 


控制 headless Chrome 的 Node.js API:Puppeteer


传送门:http://www.oschina.net/p/puppeteer-nodejs



Puppeteer 是一个控制 headless Chrome 的 Node.js API 。它是一个 Node.js 库,通过 DevTools 协议提供了一个高级的 API 来控制 headless Chrome。它还可以配置为使用完整的(非 headless)Chrome。


跨浏览器的桌面通知插件 Push.js


传送门:http://www.oschina.net/p/push-js



Push.js,是一款跨浏览器的Javascript桌面通知插件。这个通知API允许在当下流行的浏览器上使用,像Chrome, Safari, Firefox,和IE 9+。可以推送一个通知到用户桌面。如果用户的浏览器不支持这个新的API,会回滚到使用旧的实现方式。


模块化拖放库 Draggable


传送门:https://shopify.github.io/draggable/



Draggable 是一个简单易用的模块化拖放库。 它提供了出色的拖放功能,快速的 DOM 重新排序,干净的 API 和可访问的标记。 Draggable 附带额外的模块,可以添加更多的功能,如排序,交换和其他实用程序。


小型 vanilla JS 项目 Card


传送门:https://github.com/jessepollak/card



Card 是一个小型的 vanilla JS 项目(带有一个 jQuery 版本),让信用卡表格更加有趣。


模块绑定器 Webpack


传送门:http://www.oschina.net/p/webpack



Webpack 是一个模块绑定器,主要目的是在浏览器上绑定 JavaScript 文件。


机器学习 JavaScript 库 DeepLearn.js


传送门:http://www.oschina.net/p/deeplearn-js



DeepLearn.js 是 Google 推出的一个可用于机器智能并加速 WebGL 的开源 JavaScript 库,完全在浏览器中运行,不需要安装,不需要后端处理。


Node.js CMS 和 Web 应用程序平台 KeystoneJS


传送门:http://www.oschina.net/p/keystonejs



KeystoneJS,以 Express 和 MongoDB 为基础搭建的 Node.js CMS 和 Web 应用程序平台。


在 Web 应用中创建 Poppers:Popper.js


传送门:http://www.oschina.net/p/popper-js



Popper.js 是用来在web应用中创建Poppers的库。


JavaScript GraphQL 客户端 Apollo Client


传送门:http://www.oschina.net/p/apollo-client



Apollo Client 是一个全功能的 GraphQL 客户端,用于 React 、Angular 的交互。允许你轻松通过 GraphQL 获取数据并构建 UI 组件。


跨浏览器的 css3 动画库 Animate.css


传送门:http://www.oschina.net/p/animate-css



Animate.css 是一个有趣的,跨浏览器的 css3 动画库,内置了很多典型的 css3 动画,兼容性好使用方便。



觉得本文对你有帮助?请分享给更多人

关注「前端大全」,提升前端技能

 
前端大全 更多文章 淘宝 flexible.js 漏洞修补:记一次 rem 踩坑记录 使用 JavaScript 实现机器学习和神经学网络 我们不仅仅是前端er —— 折腾服务器武装自己 宝宝不开森,新年不要学 JavaScript 了 JavaScript 有用的代码片段和 trick
猜您喜欢 Get六一新姿势 | 语音召唤“神奇动物”,AR体验“飞龙在天” iOS 逆向工程资料整理 让Active Record在操作大数据集时自动提醒 | Rails 5 生活还有诗和远方 这样的文案不搞笑,而且很 LOW ,“杀程序员祭天”,“杀产品替程序员祭天”……