SEARCH
视点知识库

视点知识库

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

时间:2018-02-26浏览:

前不久,Tutorialzine 整理出了 2017 年最受用户欢迎和喜爱的一些 JS 和 CSS 库,供大家学习和参考。下面我们一起来看看都有哪些:

1、localForage

用于indexedDB和WebSQL的封装程序,能够让你的Web应用程序存储更多数据,并提升应用程序的离线体验。写入和读取操作与localStorage类似,支持  BLOB 和任意类型的数据,可以存储图片,文件等等,而不仅仅是字符串。它还提供多种API,使开发人员可以选择回调的异步API。

2、AOS

AOS 是一个用于在页面滚动的时候呈现元素动画的工具库,和 WOWJS 类似。但是AOS是 CSS3 动画驱动的库,该库是高度可定制的,非常小,易于使用(通过CDN安装)。在页面往回滚动时,元素会恢复到原来的状态,如此达到循环动画的效果。

3、MJML

MJML是一种简单的类似于XML的语言,它提供简单的标记语法和各种可以编译为电子邮件友好的HTML的程式化组件。其语义语法在展示丰富邮件内容时更加简单和直观,帮助开发者减少编写响应式邮件的复杂度。

4、Monaco-Editor

Monaco-Editor是微软开源的基于Visual  Studio  Code的Web代码编辑器。Monaco-Editor能够突出显示多种语言,多种游标,键盘快捷键等等。Monaco-Editor是开源的,因此它可以用来为你能想到的任何编辑器项目提供支持。

5、A-Frame

A-Frame 是 Mozilla 开源的网页虚拟现实体验( WebVR )框架。能够在HTML中创建3D场景的框架,使用Three.js和WebGL来创建VR场景。可用于桌面、iPhone(即将支持安卓)以及 Oculus Rift。

6、Bootstrap 4

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

7、Prettier

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

8、GPU.js

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

9、R2

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

10、Puppeteer

Puppeteer是一个Node.js  API,用于控制 headless Chrome。由 Google官方的 Chrome DevTools  团队维护。在headless环境中,开发者可以生成网页截图或者 PDF  ,通过Puppeteer的提供的api直接控制Chrome模拟大部分用户操作来进行UI Test或者作为爬虫访问页面来收集数据。

11、Push

Push是一款可靠的跨浏览器的JavaScript桌面通知库。它基于强大的Notification API,如果用户的浏览器不支持新API,则会回退到较早的实现。

12、Draggable

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

13、Devices.css

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

14、Card

Card是一个小巧的vanilla JS项目(带有jQuery版本),可以让你的信用卡表格变得更加有趣生动。快速安装后,将采取您的表格,并将其转换为一张动画的信用卡。

15、Webpack

webpack 是一个模块绑定器,主要目的是在浏览器上绑定 JavaScript 文件。在过去几年中,它已成为大多数开发人员的首选javascript打包程序。它可以创建单个或多个在运行时异步加载的块,具有高度模块化的插件系统,并允许高级代码分割。

16、Deeplearn.js

Deeplearn.js是一个开放源代码库,可将高性能机器学习构建模块带入网络。它提供了两个API,即时执行模型和延期执行模型。它可以完全在浏览器中运行,不需要安装,不需要后端处理。

17、KeystoneJS

KeystoneJS是一个功能强大的CMS框架,基于Express和MongoDB构建,它提供了一个漂亮的管理用户界面,实用的API应用程序,会话管理,电子邮件发送,扩展等等。

18、Popper.js

Popper是一个JavaScript库,它提供了大量的定制选项,并且完全模块化,每个功能都有独立的插件。不需要依赖  jQuery 库,大小仅为 3.5KB  左右,使用与配置相当简单,Twitter,WebClipper中的Microsoft以及AtlasKit等大企业都在使用

19、Apollo Client

Apollo Client是一款全功能的GraphQL客户端,用于 React 、Angular 的交互。压缩的大小还不到25K。

20、Animate.css

Animate.css是一个跨浏览器的CSS动画库。它非常易于使用,并提供大量不同的动画效果,如反弹,脉冲,摆动,淡入淡出,翻转等等。它可以用于在任何你喜欢的地方添加一些很酷和有趣的动画效果。

视点网络为您提供创新的品牌网站建设高端网站定制南宁网站建设响应式网站建设集团网站建设,知名南宁网络公司
服务热线:0771-3947983 / 0771-3947903 / 0771-5314790

Contact

ADD:南宁市高新区科园大道创新路2号

TEL:0771-3947983 / 5314790

Wechat

网站建设知名服务品牌
创您所想 与您同在

免费获得专属《网站策划方案》及报价

视点网络  0771-3947983