澳门新萄京官方网站-www.8455.com-澳门新萄京赌场网址

澳门新萄京官方网站个有趣的,是时候收藏一波

2019-11-16 作者:澳门新萄京赌场网址   |   浏览(164)

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

2018/02/22 · CSS, JavaScript · 1 评论 · 开源库

原文出处: Georgi Georgiev   译文出处:澳门新萄京官方网站个有趣的,是时候收藏一波了。开源中国   

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

澳门新萄京官方网站 1

JavaScript 本地存储库 localForage

澳门新萄京官方网站 2

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

CSS3 驱动的动画滚动库 AOS

澳门新萄京官方网站 3

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

响应式邮件标识语言 MJML

澳门新萄京官方网站 4

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

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

澳门新萄京官方网站 5

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

Web 虚拟现实框架 A-Frame

澳门新萄京官方网站 6

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

Web 前端 UI 框架 Bootstrap 4

澳门新萄京官方网站 7

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

前端代码格式化工具 Prettier

澳门新萄京官方网站 8

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

GPU 加速的 JavaScript GPU.js

澳门新萄京官方网站 9

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

HTTP 客户端 R2

澳门新萄京官方网站 10

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

控制 headless Chrome 的 Node.js API:Puppeteer

澳门新萄京官方网站 11

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

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

澳门新萄京官方网站 12

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

模块化拖放库 Draggable

澳门新萄京官方网站 13

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

小型 vanilla JS 项目 Card

澳门新萄京官方网站 14

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

模块绑定器 Webpack

澳门新萄京官方网站 15

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

机器学习 JavaScript 库 DeepLearn.js

澳门新萄京官方网站 16

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

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

澳门新萄京官方网站 17

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

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

澳门新萄京官方网站 18

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

JavaScript GraphQL 客户端 Apollo Client

澳门新萄京官方网站 19

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

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

澳门新萄京官方网站 20

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

2 赞 6 收藏 1 评论

澳门新萄京官方网站 21

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

原文:http://igeekbar.com/igeekbar/post/713.htm

今天为大家分享一些有趣的前端库,希望它们中的一些会对你的项目有所帮助。

澳门新萄京官方网站 22

今天,我们与大家分享一些最新、有趣的前端库,希望它们中的一些会对你的项目有所帮助。当然,如果你也发现了一些有趣、实用的库,框架或是工具,也欢迎留言与大家一同分享呦~_

澳门新萄京官方网站 23

JavaScript 本地存储库 localForage

1.Currency

1.Devices.css

澳门新萄京官方网站 24

currency.js 是一个用于处理货币值的轻量级 JavaScript 库,它解决了 JS 中的浮点问题,你无须担心 Decimal 这类精准的数据类型,就可以直接进行基本的算数运算。同时,它也适合不同类型的数据输入,例如字符串、数字和货币对象。

澳门新萄京官方网站 25

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

2.Lass

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

CSS3 驱动的动画滚动库 AOS

你可以使用 Lass 搭建基于 Node.js 的脚手架工具。它易于安装,你只需要在终端上运行npm install -g lass即可,并且它还提供了丰富的功能,如使用 ava 进行单元测试,利用 prettier 自动格式化代码,自动 git init,自动 Markdown 语法转化以及使用 Remark 进行代码检查等。

2.animate.css

澳门新萄京官方网站 26

3.Fastify

澳门新萄京官方网站 27

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

Fastify 是一个现代的 Node.js 框架,灵感源自 Hapi 和 Express 等项目。除了要成为最快的 Node 框架之一,它还具备对开发者友好、完全异步以及完全可扩展(通过其 hooks、插件和装饰器)等优点。

animate.css是一个集合酷的,有趣的和跨浏览器的动画。Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.

响应式邮件标识语言 MJML

4.Draggable

3.Lass

澳门新萄京官方网站 28

Draggable 是一个轻量级、响应式的 JS 拖放库,由 Shopify 出品。它提供了高级的拖放功能,能够快速进行 DOM 重新排序,并且拥有清晰的 API 和访问标记。同时,它也附带了一些额外的模块,便于你进行扩展。

澳门新萄京官方网站 29

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

5.Mousetrap

你可以使用 Lass 搭建基于 Node.js 的脚手架工具。它易于安装,你只需要在终端上运行 npm install -g lass 即可,并且它还提供了丰富的功能,如使用 ava 进行单元测试,利用 prettier 自动格式化代码,自动 git init,自动 Markdown 语法转化以及使用 Remark 进行代码检查等。

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

Mousetrap 是一个简单、轻量的 JavaScript 库,可用于捕获和处理键盘事件。它支持 keypress、keydown 和 keyup 等键盘事件,适用于国际键盘布局和数字小键盘。

这里还是要推荐下小编的web前端学习 群 : 687958461,不管你是小白还是大牛,小编我都欢迎,不定期分享干货,包括小编自己整理的一份最新的web前端资料和0基础入门教程,欢迎初学和进阶中的小伙伴。在不忙的时间我会给大家解惑。

澳门新萄京官方网站 30

6.src2png

4.Currency

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

使用这个库,你可以将源码生成为语法高亮的图片进行展示。你还可以了解下它的工作流程:src2png 启动 Poi dev 服务程序,并使用 Puppeteer 运行 Headless Chrome 实例,完成渲染、裁剪后,最终保存截图。

澳门新萄京官方网站 31

Web 虚拟现实框架 A-Frame

7.Stencil

currency.js 是一个用于处理货币值的轻量级 JavaScript 库,它解决了 JS 中的浮点问题,你无须担心 Decimal 这类精准的数据类型,就可以直接进行基本的算数运算。同时,它也适合不同类型的数据输入,例如字符串、数字和货币对象。

澳门新萄京官方网站 32

Stencil 是一个简单的 Web 组件编译器。它结合了流行框架的设计理念,通过使用 TypeScript、JSX、虚拟 DOM,Reactive 数据绑定和异步渲染(类似于 React Fiber)来生成 Web 组件。

5.Three.js

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

8.Words To Numbers

澳门新萄京官方网站 33

Web 前端 UI 框架 Bootstrap 4

Words To Numbers 是一个有趣的 JS 库,它能够识别单词并转化为数字。如果传递的字符串为数字,它就会返回相应的数值,否则它将返回初识字符串。你还可以使用 Jaro distance 进行模糊文本的最佳匹配,即使字符串中出现了拼写有误的单词,也不影响匹配的结果。

Three.js 是一款运行在浏览器中的 3D 引擎,你可以用它创建各种三维场景,包括了摄影机、光影、材质等各种对象。你可以在它的主页上看到许多精采的演示

澳门新萄京官方网站 34

9.Mail for Good

6.Fastify

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

Mail for Good 是一个开源的电子邮件营销管理软件,可用于通过 Amazon 的 AWS 简易邮件服务进行发送。它提供了电子邮件发送与管理的众多功能,例如发送无限制容量大小的电子邮件,导入 CSV 格式的电子邮件,创建模板,以及追踪邮件跳出率等。

澳门新萄京官方网站 35

前端代码格式化工具 Prettier

10.Devices.css

Fastify 是一个现代的 Node.js 框架,灵感源自 Hapi 和 Express 等项目。除了要成为最快的 Node 框架之一,它还具备对开发者友好、完全异步以及完全可扩展(通过其 hooks、插件和装饰器)等优点。

澳门新萄京官方网站 36

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

7.Mousetrap

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

11.AR.js

澳门新萄京官方网站 37

GPU 加速的 JavaScriptGPU.js

想在移动设备上体验增强现实吗?那么,AR.js 将会帮你完成体验之旅。它完全基于 Web,可在使用 webgl 和 webrtc 的手机上流畅运行。

Mousetrap 是一个简单、轻量的 JavaScript 库,可用于捕获和处理键盘事件。它支持 keypress、keydown 和 keyup 等键盘事件,适用于国际键盘布局和数字小键盘。

澳门新萄京官方网站 38

如果你也想尝试一下,可以先打开这个演示:首先,在你的电脑浏览器中打开标记为 Hiro 的图像,然后在手机的浏览器中打开 AR Web APP ,并将其转到你的电脑屏幕上即可。

8.Draggable

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

12.SentinelJS

澳门新萄京官方网站 39

HTTP 客户端 R2

SentinelJS 是一个小型 JavaScript 库,可让你使用 CSS 选择器检测新的 DOM 节点。当添加新的 DOM 节点时,它会使用 CSS 动画效果之@keyframes规则,将其添加至浏览器的 animationstart 事件。

Draggable 是一个轻量级、响应式的 JS 拖放库,由 Shopify 出品。它提供了高级的拖放功能,能够快速进行 DOM 重新排序,并且拥有清晰的 API 和访问标记。同时,它也附带了一些额外的模块,便于你进行扩展。

澳门新萄京官方网站 40

13.Luma.GL

9.Words To Numbers

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

Luma.GL 是一个用于 GPU 数据计算与可视化的 WebGL2 框架。它提供了一种使用高性能的 WebGL2 在浏览器中展示大量数据的方法,并且它还引导了一个高级的 API 库 – deck.gl

澳门新萄京官方网站 41

控制 headless Chrome 的 Node.js API:Puppeteer

14.Zoomove

Words To Numbers 是一个有趣的 JS 库,它能够识别单词并转化为数字。如果传递的字符串为数字,它就会返回相应的数值,否则它将返回初识字符串。你还可以使用 Jaro distance 进行模糊文本的最佳匹配,即使字符串中出现了拼写有误的单词,也不影响匹配的结果。

澳门新萄京官方网站 42

这是一个让你在移动鼠标时动态缩放图像的 jQuery 插件。它易于安装与使用,提供了设置图像url、缩放大小、光标指针等诸多属性,并且兼容 Chrome 42 ,Firefox 41 ,Safari 9 ,Opera 29 和 IE 9 。

10.src2png

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

15.Scrollanim

澳门新萄京官方网站 43

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

Scrollanim 是一个用于创建滚动动画的轻量级 CSS3 JS 库。它是一个开源库,且易于使用。由于使用了 Animate.css 以及拥有丰富的内置 CSS3 动画,所以你可以选择淡入、淡出等动画效果。

src2png 是一个将代码生成图片的工具。重要的是,它可根据不同的语言对代码进行语法高亮,从而生成美观且高质量的图片。你还可以了解下它的工作流程:src2png 启动 Poi dev 服务程序,并使用 Puppeteer 运行 Headless Chrome 实例,完成渲染、裁剪后,最终保存截图。

澳门新萄京官方网站 44

11.SentinelJS

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

澳门新萄京官方网站 45

模块化拖放库 Draggable

SentinelJS 是一个小型 JavaScript 库,可让你使用 CSS 选择器检测新的 DOM 节点。当添加新的 DOM 节点时,它会使用 CSS 动画效果之@keyframes 规则,将其添加至浏览器的 animationstart 事件。

澳门新萄京官方网站 46

12.AR.js

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

澳门新萄京官方网站 47

小型 vanilla JS 项目 Card

想在移动设备上体验增强现实吗?那么,AR.js 将会帮你完成体验之旅。它完全基于 Web,可在使用 webgl 和 webrtc 的手机上流畅运行。

澳门新萄京官方网站 48

如果你也想尝试一下,可以先打开这个演示:首先,在你的电脑浏览器中打开标记为 Hiro 的图像,然后在手机的浏览器中打开 AR Web APP ,并将其转到你的电脑屏幕上即可。

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

13.Zoomove

模块绑定器 Webpack

澳门新萄京官方网站 49

澳门新萄京官方网站 50

这是一个让你在移动鼠标时动态缩放图像的 jQuery 插件。它易于安装与使用,提供了设置图像url、缩放大小、光标指针等诸多属性,并且兼容 Chrome 42 ,Firefox 41 ,Safari 9 ,Opera 29 和 IE 9 。

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

14.Luma.GL

机器学习 JavaScript 库 DeepLearn.js

澳门新萄京官方网站 51

澳门新萄京官方网站 52

Luma.GL 是一个用于 GPU 数据计算与可视化的 WebGL2 框架。它提供了一种使用高性能的 WebGL2 在浏览器中展示大量数据的方法,并且它还引导了一个高级的 API 库 – deck.gl

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

澳门新萄京官方网站 53

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

Stencil 是一个简单的 Web 组件编译器。它结合了流行框架的设计理念,通过使用 TypeScript、JSX、虚拟 DOM,Reactive 数据绑定和异步渲染(类似于 React Fiber)来生成 Web 组件。

澳门新萄京官方网站 54

15.Scrollanim

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

澳门新萄京官方网站 55

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

Scrollanim 是一个用于创建滚动动画的轻量级 CSS3 JS 库。它是一个开源库,且易于使用。由于使用了 Animate.css 以及拥有丰富的内置 CSS3 动画,所以你可以选择淡入、淡出等动画效果。

澳门新萄京官方网站 56

如果你也发现了一些有趣、实用的库,框架或是工具,也欢迎留言与大家一同分享。

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

JavaScript GraphQL 客户端 Apollo Client

澳门新萄京官方网站 57

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

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

澳门新萄京官方网站 58

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

本文由澳门新萄京官方网站发布于澳门新萄京赌场网址,转载请注明出处:澳门新萄京官方网站个有趣的,是时候收藏一波

关键词: