您的位置:新葡亰496net > 新葡亰官网 > 个风趣的,开源库推荐

个风趣的,开源库推荐

发布时间:2019-10-30 19:35编辑:新葡亰官网浏览(98)

    年度一级 JavaScript 和 CSS 开源库推荐!

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

    初藳出处: Georgi Georgiev   译文出处:开源中中原人民共和国   

    Tutorialzine 各个月都会公布三回前段时间大幅度增加的 JS 和 CSS 库。2018 新春之际,该网址整理出了 2017 年最受客商接待和挚爱的大器晚成对 JS 和 CSS 库,供大家学习和仿照效法。

    新葡亰496net 1

    JavaScript 本地存款和储蓄库 localForage

    新葡亰496net 2

    localForage 是一个 JavaScript 库,进步了应用程序的离线体验,通过接纳异步的多少存储,提供轻松的近乎 localStorage 的 API,允许开辟者存款和储蓄五类别型数据。

    CSS3 驱动的卡通片滚动库 AOS

    新葡亰496net 3

    AOS(Animate on scroll)是微型动画滚动库,可在页面滚动时给成分增加动画作用。CSS3 驱动,效果形似于 WOWJS。

    响应式邮件标记语言 MJML

    新葡亰496net 4

    MJML 是多个标志语言,用来压压编写响应式邮件的复杂度。其语义语法在突显丰盛邮件内容时尤其简明和直观。该品种提供三个开源的斯特林发动机用来将 MJML 标志语言转成 HTML。

    依赖浏览器的代码编辑器 Monaco-Editor

    新葡亰496net 5

    Monaco Editor 是微软开源的根据 VS Code 的代码编辑器,运维在浏览器蒙受中。编辑器提供代码提醒,智能建议等效果。供开荒职员远程更方便的编辑代码。

    Web 设想现实框架 A-Frame

    新葡亰496net 6

    A-Frame 是 Mozilla 开源的网页设想现实体验( WebV帕杰罗)框架,可用来桌面、诺基亚(将在协助安卓)以致 Oculus Rift。A-Frame 能够让制造 WebVXC90 体验变得更简便。

    Web 前端 UI 框架 Bootstrap 4

    新葡亰496net 7

    Bootstrap 4 带来了广大改变和新特色,包含基于 flexbox 的网格系统,新的和再度定义的机件,以至更加快的 ES6 JavaScript 插件。 另一个非常帅的新职能是自行布局形式。 它同意开辟人士忽视列的大大小小,可自行分配该行中的空间。

    前面三个代码格式化学工业具 Prettier

    新葡亰496net 8

    Prettier 是一个机关的 JavaScript 格式化程序,受到来自 ES2017,JSX 和 Flow 的语言功能的高等帮衬的启迪。 它删除全数原始格式,并保管全数出口的 JavaScript 相符大器晚成致的品格。

    GPU 加速的 JavaScript GPU.js

    新葡亰496net 9

    用于在 GPU 中运作浏览器 JavaScript 代码的库。 使用 GPU.js,您能够透过将极度编写的 JS 编写翻译成可由此 WebGL 在 GPU 上运维的着色器语言来更敏捷地实践复杂的乘除。 假使 WebGL 不可用,则函数将回降至平常 JavaScript。

    HTTP 客户端 R2

    新葡亰496net 10

    那是二个更轻量级的 HTTP 顾客端技术方案,它克绍箕裘在浏览器原生的 Fetch API 的功底之上,并为 Node.js 提供优化。

    控制 headless Chrome 的 Node.js API:Puppeteer

    新葡亰496net 11

    Puppeteer 是一个说了算 headless Chrome 的 Node.js API 。它是二个 Node.js 库,通过 DevTools 协议提供了一个高端的 API 来支配 headless Chrome。它还足以安顿为使用完整的(非 headless)Chrome。

    跨浏览器的桌面文告插件 Push.js

    新葡亰496net 12

    Push.js,是生龙活虎款跨浏览器的Javascript桌面布告插件。那一个通告API允许在立刻风靡的浏览器上利用,像Chrome, Safari, Firefox,和IE 9 。能够推送二个通报到顾客桌面。纵然客户的浏览器不扶持这些新的API,会回滚到应用旧的得以完成方式。

    模块化拖放库 Draggable

    新葡亰496net 13

    Draggable 是三个简短易用的模块化拖放库。 它提供了可观的拖放作用,急忙的 DOM 重新排序,干净的 API 和可访谈的标记。 Draggable 附带额外的模块,能够增加越来越多的意义,如排序,交流和其余实用程序。

    小型 vanilla JS 项目 Card

    新葡亰496net 14

    个风趣的,开源库推荐。Card 是八个Mini的 vanilla JS 项目(带有三个 jQuery 版本),让银行卡表格更有趣。

    模块绑定器 Webpack

    新葡亰496net 15

    Webpack 是五个模块绑定器,首要目标是在浏览器上绑定 JavaScript 文件。

    机械学习 JavaScript 库 DeepLearn.js

    新葡亰496net 16

    DeepLearn.js 是 Google推出的一个可用于机器智能并加快 WebGL 的开源 JavaScript 库,完全在浏览器中运转,没有必要安装,无需后端管理。

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

    新葡亰496net 17

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

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

    新葡亰496net 18

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

    JavaScript GraphQL 客户端 Apollo Client

    新葡亰496net 19

    阿Polo Client 是八个全职能的 GraphQL 顾客端,用于 React 、Angular 的竞相。允许你轻轻巧松通过 GraphQL 获取数据并构建 UI 组件。

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

    新葡亰496net 20

    Animate.css 是多少个妙趣横生的,跨浏览器的 css3 动画库,内置了过多突出的 css3 动画,宽容性好使用方便。

    2 赞 6 收藏 1 评论

    新葡亰496net 21

    Tutorialzine 每一种月都会发布一回后一个月剧增的 JS 和 CSS 库。2018 新春之际,该网址收拾出了 2017 年最受客商接待和友爱的有的 JS 和 CSS 库,供我们学习和参谋。

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

    前些天为我们狼吞虎餐部分神乎其神的前端库,希望它们中的一些会对您的类型具有利于。

    新葡亰496net 22

    不久前,大家与大家享受部分新式、风趣的前端库,希望它们中的一些会对你的体系全体助于。当然,即使您也意识了风度翩翩部分幽默、实用的库,框架或者工具,也招待留言与我们一同共享呦~_

    新葡亰496net 23

    JavaScript 本地存款和储蓄库 localForage

    1.Currency

    1.Devices.css

    新葡亰496net 24

    currency.js 是贰个用于拍卖货币值的轻量级 JavaScript 库,它解决了 JS 中的浮点难题,你绝不担忧 Decimal 那类精准的数据类型,就足以一贯开展着力的算数运算。同期,它也相符不一样体系的数量输入,举个例子字符串、数字和货币对象。

    新葡亰496net 25

    localForage 是贰个 JavaScript 库,升高了应用程序的离线体验,通过行使异步的数据存款和储蓄,提供简单的好像 localStorage 的 API,允许开辟者存款和储蓄五种类型数据。

    2.Lass

    Devices.css 是一个利用纯 CSS 完成移动设备的库。它含有了有个别脚下主流的运动道具,如 BlackBerryXs,SamsungGalaxy S9。由于其高格调的计划,可用以着陆页面可能网页快速照相。

    CSS3 驱动的动画滚动库 AOS

    您还不错 Lass 搭建基于 Node.js 的脚手架工具。它轻松安装,你只供给在终端上运营npm install -g lass就能够,而且它还提供了增进的功效,如运用 ava 举办单元测量试验,利用 prettier 自动格式化代码,自动 git init,自动 马克down 语法转变以致使用 Remark 举行代码检查等。

    2.animate.css

    新葡亰496net 26

    3.Fastify

    新葡亰496net 27

    AOS(Animate on scroll)是微型动画滚动库,可在页面滚动时给成分增加动画效用。CSS3 驱动,效果肖似于 WOWJS。

    法斯特ify 是八个今世的 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

    新葡亰496net 28

    Draggable 是三个轻量级、响应式的 JS 拖放库,由 Shopify 出品。它提供了高级的拖放效能,可以火速扩充 DOM 重新排序,而且具有清晰的 API 和访谈标识。同不时候,它也顺带了有个别额外的模块,便于你实行扩张。

    新葡亰496net 29

    MJML 是八个标志语言,用来压压编写响应式邮件的复杂度。其语义语法在显示足够邮件内容时进一步简便易行和直观。该类型提供多个开源的引擎用来将 MJML 标记语言转成 HTML。

    5.Mousetrap

    您能够应用 Lass 搭建基于 Node.js 的脚手架工具。它轻便安装,你只须要在巅峰上运转 npm install -g lass 就能够,而且它还提供了拉长的效益,如使用 ava 进行单元测验,利用 prettier 自动格式化代码,自动 git init,自动 马克down 语法转化以致选用 Remark 进行代码检查等。

    依附浏览器的代码编辑器 Monaco-Editor

    Mousetrap 是叁个简易、轻量的 JavaScript 库,可用来捕获和拍卖键盘事件。它援救 keypress、keydown 和 keyup 等键盘事件,适用于列国键盘布局和数字小键盘。

    那边依然要推荐下作者的web前端学习 群 : 687958461,不管您是小白如故大咖,小编作者都招待,不准时分享干货,包含小编本人整理的生机勃勃份最新的web前端资料和0基础入门教程,招待初学和进级中的小同伴。在不忙的小时小编会给我们答疑。

    新葡亰496net 30

    6.src2png

    4.Currency

    Monaco Editor 是微软开源的依靠 VS Code 的代码编辑器,运维在浏览器蒙受中。编辑器提供代码提醒,智能提议等效用。供开辟人士远程更方便的编纂代码。

    选用那几个库,你能够将源码生成为语法高亮的图形展开显示。你还足以掌握下它的行事流程:src2png 运营 Poi dev 服务程序,并接受 Puppeteer 运转 Headless Chrome 实例,实现渲染、裁剪后,最后保存截图。

    新葡亰496net 31

    Web 虚构现实框架 A-Frame

    7.Stencil

    currency.js 是二个用以拍卖货币值的轻量级 JavaScript 库,它消逝了 JS 中的浮点难点,你绝不担忧 Decimal 那类精准的数据类型,就足以从来实行基本的算数运算。同期,它也符合差异类型的数额输入,比方字符串、数字和货币对象。

    新葡亰496net 32

    Stencil 是三个简短的 Web 组件编写翻译器。它构成了流行框架的统筹观念,通过接收 TypeScript、JSX、虚拟DOM,Reactive 数据绑定和异步渲染(相似于 React Fiber)来扭转 Web 组件。

    5.Three.js

    A-Frame 是 Mozilla 开源的网页设想现实经验框架,可用于桌面、Motorola甚至Oculus Rift。A-Frame 可以让成立 WebV奥迪Q5 体验变得更简约。

    8.Words To Numbers

    新葡亰496net 33

    Web 前端 UI 框架 Bootstrap 4

    Words To Numbers 是贰个风趣的 JS 库,它亦可辨识单词并转账为数字。借使传递的字符串为数字,它就能够回到相应的数值,不然它将重返初识字符串。你仍能够使用 Jaro distance 举行模糊文本的一流相称,纵然字符串中出现了拼写有误的单词,也不影响相称的结果。

    Three.js 是意气风发款运维在浏览器中的 3D 引擎,你能够用它创立各个空间维度场景,富含了录制机、光影、材料等各样对象。你能够在它的主页上见到不菲精采的示范

    新葡亰496net 34

    9.Mail for Good

    6.Fastify

    Bootstrap 4 带来了繁多改换和新天性,满含基于 flexbox 的网格系统,新的和另行定义的机件,以致越来越快的 ES6 JavaScript 插件。 另二个十分的帅的新功效是活动布局情势。 它同意开拓职员忽视列的朗朗上口,可活动分配该行中的空间。

    Mail for Good 是八个开源的电子邮件经营发售管理软件,可用于通过 亚马逊(Amazon) 的 AWS 简易邮件服务开展发送。它提供了电子邮件发送与治本的多数作用,举例发送无界定体量大小的电子邮件,导入 CSV 格式的电子邮件,创造模板,以至追踪邮件跳出率等。

    新葡亰496net 35

    前端代码格式化学工业具 Prettier

    10.Devices.css

    法斯特ify 是二个今世的 Node.js 框架,灵感源自 Hapi 和 Express 等种类。除了要变为最快的 Node 框架之大器晚成,它还怀有对开采者友好、完全异步以至完全可扩展(通过其 hooks、插件和装饰器)等优点。

    新葡亰496net 36

    Devices.css 是多个利用纯 CSS 完成活动设备的库。它包括了部分当下主流的运动道具,如 红米 X,GooglePixel 2 XL 和SamsungGalaxy S8。由于其高格调的规划,可用以着陆页面或然网页快速照相。

    7.Mousetrap

    Prettier 是七个机动的 JavaScript 格式化程序,受到来自 ES2017,JSX 和 Flow 的言语成效的高级级帮助的启迪。 它删除全数原始格式,并保证全部出口的 JavaScript 切合大器晚成致的风骨。

    11.AR.js

    新葡亰496net 37

    GPU 加速的 JavaScriptGPU.js

    想在运动设备上体验加强现实吗?那么,AHighlander.js 将会帮您做到体验之旅。它完全凭仗 Web,可在运用 webgl 和 webrtc 的无绳话机上轻重缓急运营。

    Mousetrap 是二个简易、轻量的 JavaScript 库,可用于捕获和拍卖键盘事件。它扶植 keypress、keydown 和 keyup 等键盘事件,适用于列国键盘布局和数字小键盘。

    新葡亰496net 38

    新葡亰496net,如若您也想尝尝一下,能够先展开这一个演示:首先,在你的微型Computer浏览器中开发标识为 Hiro 的图像,然后在二哥伦比亚大学的浏览器中开荒 A库罗德 Web 应用软件,并将其转到你的Computer荧屏上就能够。

    8.Draggable

    用来在 GPU 中运营浏览器 JavaScript 代码的库。 使用 GPU.js,您能够由此将特别编写的 JS 编写翻译成可通过 WebGL 在 GPU 上运维的着色器语言来更便捷地推行复杂的臆度。 借使 WebGL 不可用,则函数将回退到不奇怪 JavaScript。

    12.SentinelJS

    新葡亰496net 39

    HTTP 客户端 R2

    SentinelJS 是七个Mini JavaScript 库,可令你接收 CSS 选择器检查测验新的 DOM 节点。当增添新的 DOM 节点时,它会选择 CSS 动画作用之@keyframes准绳,将其增加至浏览器的 animationstart 事件。

    Draggable 是二个轻量级、响应式的 JS 拖放库,由 Shopify 出品。它提供了尖端的拖放成效,能够连忙扩充 DOM 重新排序,並且具备清晰的 API 和访谈标记。同一时候,它也故意依旧无意了有个别非凡的模块,便于你实行扩张。

    新葡亰496net 40

    13.Luma.GL

    9.Words To Numbers

    那是两个更轻量级的 HTTP 客商端技术方案,它确立在浏览器原生的 Fetch API 的基本功之上,并为 Node.js 提供优化。

    Luma.GL 是贰个用来 GPU 数据测算与可视化的 WebGL2 框架。它提供了生龙活虎种选拔高质量的 WebGL2 在浏览器中展现大批量数额的办法,而且它还携带了二个高端的 API 库 – deck.gl

    新葡亰496net 41

    控制 headless Chrome 的 Node.js API:Puppeteer

    14.Zoomove

    Words To Numbers 是叁个珠璧交辉的 JS 库,它亦可辨识单词并转账为数字。若是传递的字符串为数字,它就能回去相应的数值,不然它将回到初识字符串。你还是能使用 Jaro distance 举办模糊文本的特级匹配,即便字符串中冒出了拼写有误的单词,也不影响相称的结果。

    新葡亰496net 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

    新葡亰496net 43

    跨浏览器的桌面布告插件 Push.js

    Scrollanim 是多少个用以创造滚动动画的轻量级 CSS3 JS 库。它是一个开源库,且易于使用。由于应用了 Animate.css 以致具备丰盛的松手 CSS3 动画,所以你能够选拔淡入、淡出等卡通效果。

    src2png 是一个将代码生成图片的工具。首要的是,它可依据不一样的语言对代码进行语法高亮,从而生成美观且高水平的图形。你还是能驾驭下它的做事流程:src2png 运营 Poi dev 服务程序,并利用 Puppeteer 运行 Headless Chrome 实例,完毕渲染、裁剪后,最后保存截图。

    新葡亰496net 44

    11.SentinelJS

    Push.js,是后生可畏款跨浏览器的Javascript桌面文告插件。那么些文告API允许在立刻盛行的浏览器上运用,像Chrome, Safari, Firefox,和IE 9 。能够推送叁个文告到顾客桌面。如果顾客的浏览器不扶持那个新的API,会回滚到利用旧的得以落成形式。

    新葡亰496net 45

    模块化拖放库 Draggable

    SentinelJS 是贰个小型 JavaScript 库,可让你使用 CSS 选拔器检查实验新的 DOM 节点。当增加新的 DOM 节点时,它会选择 CSS 动画功效之@keyframes 法则,将其增加至浏览器的 animationstart 事件。

    新葡亰496net 46

    12.AR.js

    Draggable 是多个粗略易用的模块化拖放库。 它提供了特出的拖放功能,火速的 DOM 重新排序,干净的 API 和可访谈的号子。 Draggable 附带额外的模块,能够增添越来越多的效劳,如排序,调换和任何实用程序。

    新葡亰496net 47

    小型 vanilla JS 项目 Card

    想在运动器材上体验巩固现实吗?那么,A宝马7系.js 将会帮您做到体验之旅。它完全凭借 Web,可在使用 webgl 和 webrtc 的手提式有线电话机上轻重缓急运营。

    新葡亰496net 48

    固然您也想尝试一下,能够先开发那个演示:首先,在您的微管理器浏览器中张开标识为 Hiro 的图像,然后在手提式无线电话机的浏览器中开荒 AWrangler Web 应用软件,并将其转到你的Computer荧屏上就可以。

    卡德 是二个Mini的 vanilla JS 项目(带有两个 jQuery 版本),让银行卡表格越发有趣。

    13.Zoomove

    模块绑定器 Webpack

    新葡亰496net 49

    新葡亰496net 50

    那是贰个令你在移动鼠标时动态缩放图像的 jQuery 插件。它轻便安装与运用,提供了安装图像url、缩放大小、光标指针等超级多品质,何况万分Chrome 42 ,Firefox 41 ,Safari 9 ,Opera 29 和 IE 9 。

    Webpack 是一个模块绑定器,首要指标是在浏览器上绑定 JavaScript 文件。

    14.Luma.GL

    机械学习 JavaScript 库 DeepLearn.js

    新葡亰496net 51

    新葡亰496net 52

    Luma.GL 是贰个用于 GPU 数据计算与可视化的 WebGL2 框架。它提供了风姿洒脱种采纳高质量的 WebGL2 在浏览器中呈现多量数量的格局,何况它还指引了贰个尖端的 API 库 – deck.gl

    DeepLearn.js 是 谷歌(Google) 推出的一个可用于机器智能并加速 WebGL 的开源 JavaScript 库,完全在浏览器中运作,无需设置,无需后端管理。

    新葡亰496net 53

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

    Stencil 是四个简练的 Web 组件编写翻译器。它结合了流行框架的统筹意见,通过动用 TypeScript、JSX、设想DOM,Reactive 数据绑定和异步渲染(相符于 React Fiber)来变化 Web 组件。

    新葡亰496net 54

    15.Scrollanim

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

    新葡亰496net 55

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

    Scrollanim 是三个用来创设滚动动画的轻量级 CSS3 JS 库。它是多个开源库,且便于使用。由于使用了 Animate.css 以至有着丰盛的内置 CSS3 动画,所以您能够选择淡入、淡出等动画片效果。

    新葡亰496net 56

    即使你也发觉了部分有趣、实用的库,框架可能工具,也应接留言与我们一起享受。

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

    JavaScript GraphQL 客户端 Apollo Client

    新葡亰496net 57

    阿Polo Client 是二个全职能的GraphQL客商端,用于 React 、Angular 的互动。允许你轻便通过 GraphQL 获取数据并塑造 UI 组件。

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

    新葡亰496net 58

    Animate.css 是多个妙趣横生的,跨浏览器的 css3 动画库,内置了成都百货上千一流的 css3 动画,宽容性好使用方便。

    本文由新葡亰496net发布于新葡亰官网,转载请注明出处:个风趣的,开源库推荐

    关键词:

上一篇:CSS网格布局完整指南,网页布局的前景

下一篇:没有了