您的位置:新葡亰496net > 新葡亰官网 > 新葡亰496net:个风趣的,轻量高效的前端插件和

新葡亰496net:个风趣的,轻量高效的前端插件和

发布时间:2019-10-30 14:50编辑:新葡亰官网浏览(126)

    2018 年 2 月 15 个有意思的 JavaScript 和 CSS 库

    2018/02/27 · CSS, JavaScript · 库

    原文出处: Georgi Georgiev   译文出处:开源中国   

    我们在Tutorialzine上的任务就是让你了解最新最酷的Web发展趋势。这就是为什么我们每个月都会发布一些我们偶然发现并认为值得你关注的最佳资源的缘由。

    新葡亰496net 1

    我们在Tutorialzine上的任务就是让你了解最新最酷的Web发展趋势。这就是为什么我们每个月都会发布一些我们偶然发现并认为值得你关注的最佳资源的缘由。

    新葡亰496net 2

    图片

    • baguetteBox.js - 是一个简单易用的响应式图像灯箱效果脚本。demo
    • Lightgallery.js - 是一个功能齐全的JavaScript图像灯箱插件。demo
    • viewerjs - 是一个图像预览插件。demo
    • cropperjs - 是一个图片编辑器插件。demo
    • photo-editor - 是一个本地图片编辑器插件。demo
    • blazy.js - 是一个懒惰加载插件。demo

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

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

    原文出处: Georgi Georgiev   译文出处:开源中国   

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

    新葡亰496net 3

    JavaScript 本地存储库 localForage

    新葡亰496net 4

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

    CSS3 驱动的动画滚动库 AOS

    新葡亰496net 5

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

    响应式邮件标识语言 MJML

    新葡亰496net 6

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

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

    新葡亰496net 7

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

    Web 虚拟现实框架 A-Frame

    新葡亰496net 8

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

    Web 前端 UI 框架 Bootstrap 4

    新葡亰496net 9

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

    前端代码格式化工具 Prettier

    新葡亰496net 10

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

    GPU 加速的 JavaScript GPU.js

    新葡亰496net 11

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

    HTTP 客户端 R2

    新葡亰496net 12

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

    控制 headless Chrome 的 Node.js API:Puppeteer

    新葡亰496net 13

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

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

    新葡亰496net 14

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

    模块化拖放库 Draggable

    新葡亰496net 15

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

    小型 vanilla JS 项目 Card

    新葡亰496net 16

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

    模块绑定器 Webpack

    新葡亰496net 17

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

    机器学习 JavaScript 库 DeepLearn.js

    新葡亰496net 18

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

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

    新葡亰496net 19

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

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

    新葡亰496net 20

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

    JavaScript GraphQL 客户端 Apollo Client

    新葡亰496net 21

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

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

    新葡亰496net 22

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

    2 赞 6 收藏 1 评论

    新葡亰496net 23

    Direction Reveal (方向展示)

    该插件检测光标进入或离开块时的方向,允许你使用各种酷炫特效和过渡。它提供了一些开箱即用的CSS动画,让你可以轻松创建自己的CSS动画。

    新葡亰496net 24

    新葡亰496net 25

    推荐几个有意思的 JavaScript 和 CSS 库,效果挺好的,如果你作为前端开发工程师,这些内容还不知道,就有点吃亏咯。

    布局

    • SuperEmbed.js - 是一个Javascript库,可检测出网页上的内嵌视频并使他们能够变成响应式元素。demo
    • ScrollReveal - ScrollReveal插件使用户能够无比轻松地创建桌面和移动浏览器的网页滚动动画。demo
    • Bricks.js - 是一款超快的用于固定宽度元素的“砖石”布局生成器。demo

    Carbon

    Carbon允许你创建并分享代码组成的美丽图像。你所需要做的就是将你的代码粘贴到编辑器中,或直接自己编写代码。你可以通过更改字体样式、编辑器主题、语法高亮和甚至窗口按钮来自定义图像的外观。

    新葡亰496net 26

    Direction Reveal

    新葡亰496net 27

    轮播图

    • Swipe - 准确的触摸滑块。demo
    • Lory - 是一个由 Vanilla JavaScript 编写的拥有触摸功能的简约滑块。demo
    • baguetteBox.js - 是一个简单、易用的响应式 Lightbox 图片库,它支持移动端上触滑动手势操作,无依赖。demo

    Аxios

    Axios为处理HTTP请求提供了一个现代化的JavaScript解决方案。它有一个基于Promise的API,在处理async调用时使你的代码更加结构化。该库可以在浏览器中工作,也可以在node.js环境中工作。

    新葡亰496net 28

    该插件检测光标进入或离开块时的方向,允许你使用各种酷炫特效和过渡。它提供了一些开箱即用的CSS动画,让你可以轻松创建自己的CSS动画。

    Direction Reveal (方向展示)

    该插件检测光标进入或离开块时的方向,允许你使用各种酷炫特效和过渡。它提供了一些开箱即用的CSS动画,让你可以轻松创建自己的CSS动画。

    新葡亰496net 29

    弹出层

    • Popper.js - 是一个轻量级的库用于管理工具提示和弹窗效果。demo
    • SweetAlert2 - 是一个颜值很高而且可以自定义的警告弹出窗口插件,可以代替Javascript的弹出窗口。demo
    • artDialog - 是一个经典、优雅的网页对话框控件。demo
    • layer - 是一个web弹层组件。demo

    Jarvis

    一款基于Webpack仪表板的智能浏览器,它可以给你显示你在webpack构建所需的所有重要信息。它向你展示了你的资源在12种不同的连接类型中的表现如何,你项目中所有包的大小,并拥有一个漂亮的错误输出。它仍处于beta版本,预计会增加许多新功能。

    新葡亰496net 30

    Carbon

    Carbon

    新葡亰496net 31

    音频视频

    • Loud Links - 是一个轻量级的JavaScript库用于添加交互声音到您的站点。demo
    • flv.js - B 站 HTML5 播放器内核开源。
    • Loud Links - 是一个轻量级 JavaScript 库,用于向您的网站添加交互音频。。demo

    Toast UI编辑器

    这是一个markdown和WYSIWYG编辑器,允许你在编码时轻松地在markdown和所见即所得模式之间切换。它提供了渲染后HTML的实时预览,即时语法错误检查以及markdown和预览模式之间的同步滚动。该编辑器还支持强大的扩展,如颜色选择器、图表代码块、UML代码块等。

    新葡亰496net 32

    Carbon允许你创建并分享代码组成的美丽图像。你所需要做的就是将你的代码粘贴到编辑器中,或直接自己编写代码。你可以通过更改字体样式、编辑器主题、语法高亮和甚至窗口按钮来自定义图像的外观。

    Аxios

    Axios为处理HTTP请求提供了一个现代化的JavaScript解决方案。它有一个基于Promise的API,在处理async调用时使你的代码更加结构化。该库可以在浏览器中工作,也可以在node.js环境中工作。

    新葡亰496net 33

    编辑器

    • MediumEditor - 仿Medium.com的所见即所得在线编辑器工具栏。demo
    • Substance - 是一个基于Web的内容自定义编辑器。demo
    • flatpickr - 是一个轻量级的代码高亮库,适用于任何编程语言。demo
    • pen - 是一个Markdown编辑器工具。demo
    • aceAce(Ajax.org Cloud9 Editor)。demo
    • CodeMirror浏览器端的代码编辑器。demo
    • esprima用于综合分析的 ECMAScript 解析器。demo
    • quill一个带有 API 的跨浏览器富文本编辑器。(demo)
    • ckeditor-releases 适用于每个人的 web 文本编辑器。demo
    • editor 一个 markdown 编辑器,但仍在开发中。demo
    • EpicEditor 一个可嵌入的 js Markdown的编辑器,拥有全屏编辑、即时预览、自动保存草稿和离线支持等功能。demo
    • jsoneditor 查看、编辑和格式化 JSON 的 web 工具。demo
    • vim.js 拥有持久化 ~/.vimrc 的 Vim 编辑器的 JavaScript 移植版本。新葡亰496net:个风趣的,轻量高效的前端插件和库汇总。新葡亰496net:个风趣的,轻量高效的前端插件和库汇总。demo
    • Squire HTML5 富文本编辑器。demo
    • TinyMCE JavaScript 富文本编辑器。demo
    • trix 由 Basecamp 制作,适用于每天写作的富文本编辑器。demo
    • Editor.md 由 Basecamp 制作,适用于每天写作的富文本编辑器。demo

    Micron.js

    Micron是一个允许你为DOM元素添加不同的CSS增强动画的库。其中交互可以通过HTML数据属性或通过链接JavaScript方法来设置速度、消除和其他选项来控制。它支持不同的交互,如摇晃、褪色、反弹、摇摆(shake, fade, bounce, swing)等等。

    新葡亰496net 34

    Аxios

    Jarvis

    一款基于Webpack仪表板的智能浏览器,它可以给你显示你在webpack构建所需的所有重要信息。它向你展示了你的资源在12种不同的连接类型中的表现如何,你项目中所有包的大小,并拥有一个漂亮的错误输出。它仍处于beta版本,预计会增加许多新功能。

    新葡亰496net 35

    字符串

    • selecting - 一个允许你获取用户选定文本的库。
    • string.js - 额外的 JavaScript 字符串方法。demo
    • he - 健壮的 HTML 实体编码/解码器。
    • multiline - 多行字符串。
    • query-string - 解析和字符串化 URL 查询字符串。
    • URI.js - URL 操作库。demo
    • jsurl - 轻量的 URL 操作库。
    • sprintf.js - 实现字符串格式化。
    • url-pattern - 让 url 和其它字符串进行比正则表达式匹配更简单。字符串和数据可相互转化。
    • Numeral.js - 格式化和操作数字的 JS 库。 demo

    lit

    Lit是一个非常小和响应式CSS框架。它包含12列响应式网格、不同的排印风格、自定义输入、三种按钮类型以及CSS框架应该提供的所有功能。Lit适用于所有现代浏览器,以及IE11等一些较旧的浏览器

    新葡亰496net 36

    Axios为处理HTTP请求提供了一个现代化的JavaScript解决方案。它有一个基于Promise的API,在处理async调用时使你的代码更加结构化。该库可以在浏览器中工作,也可以在node.js环境中工作。

    Toast UI编辑器

    这是一个markdown和WYSIWYG编辑器,允许你在编码时轻松地在markdown和所见即所得模式之间切换。它提供了渲染后HTML的实时预览,即时语法错误检查以及markdown和预览模式之间的同步滚动。该编辑器还支持强大的扩展,如颜色选择器、图表代码块、UML代码块等。

    新葡亰496net 37

    表单

    • validator.js - 轻量级的JavaScript表单验证,字符串验证。demo
    • List.js - 是一个轻量级的为列表、表格或其他任何HTMLL标签增加了搜索,排序,过滤器和灵活性等元素。demo
    • Algolia Places - 是一个能让你在网页轻易实现搜索栏自动完成功能。demo
    • Cleave.js - 是一个会在你输入时格式化你的<input/>标签里面的内容。demo
    • validator.js - 是一个简单、轻量级,但功能强大的 Validator 组件。demo
    • axios新葡亰496net, - 是一个基于浏览器和node的HTTP请求库,绿色环保只有12kb。

    Minimal Mistakes

    Minimal Mistakes是一个灵活的双列Jekyll主题,可用于个人网站、博客及其若干组合。它是完全可定制的,100%响应式的和针对搜索引擎优化的。它具有九种不同的颜色变化,几种响应式布局以及大量内置和可随时使用的组件。

    新葡亰496net 38

    新葡亰496net 39

    Micron.js

    Micron是一个允许你为DOM元素添加不同的CSS增强动画的库。其中交互可以通过HTML数据属性或通过链接JavaScript方法来设置速度、消除和其他选项来控制。它支持不同的交互,如摇晃、褪色、反弹、摇摆(shake, fade, bounce, swing)等等。

    新葡亰496net 40

    存储

    • store.js - 本地存储localstorage的封装,提供简单的API。demo
    • cookie.js - 对操作cookie的封装,提供简单的AIP 兼容IE6。demo
    • store.js - 为所有浏览器封装了LocalStorage,隐秘地使用localStorage、globalStorage和用户数据。
    • localForage - 改善后的离线存储。封装了IndexedDB、WebSQL和localStorage。demo
    • cross-storage - 获得权限后,能跨域名本地存储。
    • basket.js - 用 localStorage 加载和缓存脚本的资源加载器。demo
    • bag.js - 可以缓存脚本和加载资源,增加了键值对接口和对localStorage/websql/indexedDB 的支持。
    • basil.js - 智能的 JavaScript 数据持久层库。
    • Cookies - 客户端 Cookie 操作库。
    • DB.js - 基于 Promise 的、封装了 IndexedDB 的库。demo
    • lawnchair.js - 简单的客户端 JSON 存储。demo

    Tachyons

    使用Tachyons,你可以制作漂亮且响应速度快的界面,并且几乎不需要CSS。它很容易使用和定制,移动优先,并能很好地与React、Ember、Angular和其他框架配合使用。更重要的是,它非常轻量级,并且具有非常详细的文档,你可以在其中找到所需的一切。

    Jarvis

    lit

    Lit是一个非常小和响应式CSS框架。它包含12列响应式网格、不同的排印风格、自定义输入、三种按钮类型以及CSS框架应该提供的所有功能。Lit适用于所有现代浏览器,以及IE11等一些较旧的浏览器

    新葡亰496net 41

    动画

    • anime.js - 是一个灵活轻便的JavaScript动画库。demo
    • three.js - 是一个JS 3D库。demo
    • loaders.css - CSS 动画加载效果。demo
    • Hover.css - 一款基于 CSS3 的悬停特效合集。demo
    • Effeckt.css - 一个包含众多精妙的 CSS3 切换和动画效果库。demo
    • Magic Animations - 一个独特的 CSS3 动画特效包。demo
    • Transformicons - 一个结合 SVG、CSS 和 HTML 技术,让图标、按钮和符号具有变种(特殊)动画效果的库。demo
    • SpinKit - 一款 CSS 加载动画合集,可高度自定义动画效果。demo
    • d3-ease - 这是一个让动画更为平滑的 Easing 库。
    • ScrollMagic - 一个用来创建魔幻滚动交互的 JavaScript 库,可以像使用进度条一样使用滚动条。demo
    • ScrollReveal - 一款页面滚动显示动画,可以播放一次也可以播放无限次,能让页面更加有趣,更吸引用户眼球。。demo
    • RELLAX.js - 是一款主打轻量级的纯 JavaScript 视差效果库。demo
    • CountUp.js - 可以用来快速创建以一种更有趣的动画方式显示数值数据。demo
    • Dynamics.js - 可以创建物理运动动画效果 JavaScript 库。demo
    • Mojs - 一个拥有极简的声明式 API ,能够轻松掌控运动轨迹,为运动图形而生的工具库。demo
    • React FLIP Move - 一个翻转移动的库,旨在解决当列表的顺序发生变化时,项目列表动画化的问题。demo
    • tween.js - 是一个JS 平滑动画库。demo
    • vivus - JavaScript库,使SVG绘制动画。demo
    • Choreographer-js - 是一个用于处理复杂动画的简单库。demo
    • minirefresh - 优雅的H5下拉刷新。零依赖。demo

    新葡亰496net 42

    新葡亰496net 43

    Minimal Mistakes

    Minimal Mistakes是一个灵活的双列Jekyll主题,可用于个人网站、博客及其若干组合。它是完全可定制的,100%响应式的和针对搜索引擎优化的。它具有九种不同的颜色变化,几种响应式布局以及大量内置和可随时使用的组件。

    新葡亰496net 44

    时间

    • moment - 是一个日期处理类库,用于解析、检验、操作、以及显示日期。demo
    • timesheet.js - 是一个时间展示片段插件。demo
    • date.js - 是一个格式化时间、过去时间展示、解决因时区变更插件。
    • timeago.js - 格式化时间显示多久以前的插件。 demo
    • rome - 可定制的日期(和时间)选择器。无依赖,可选 UI。 demo
    • moment-timezone - 基于 moment.js 的时区库。demo
    • date - 拥有人性化的 Date() 方法。demo
    • ms.js - 小巧的毫秒转换工具。

    Wiki.js

    Wiki.js 是一个强大的Wiki App,基于Node.js、Git和Markdown开发。你可以使用内置编辑器用Markdown格式来写作,并且可以自动同步到你的Git仓库。Wiki.js 有完整的访问控制和配置管理,但只占用很少的CPU资源。

    Toast UI编辑器

    Tachyons

    使用Tachyons,你可以制作漂亮且响应速度快的界面,并且几乎不需要CSS。它很容易使用和定制,移动优先,并能很好地与React、Ember、Angular和其他框架配合使用。更重要的是,它非常轻量级,并且具有非常详细的文档,你可以在其中找到所需的一切。

    更多网页前端开发,行业资讯,面试技巧,欢迎关注公众号:网页前端开发学习 搜索公众号:qdkfmiji

    其它

    • hotkeys - 是一个强健的 Javascript 库用于捕获键盘输入和输入的组合键。demo
    • clipboard.js - 现代复制到剪贴板。没有Flash,gzip压缩只有3KB 。demo
    • translater.js - 这是一个利用HTML注释的页面翻译解决方案。demo
    • Push.js - 是一个跨浏览器的Javascript桌面通知插件。demo
    • onlinenetwork - js判断是否断网了。
    • iNotify - 是一个实现浏览器的 title 闪烁、滚动、声音提示、chrome、等系统通知。demo
    • tesseract.js - 是一个文字识别转换,可以运行在浏览器和服务器NodeJS上。demo
    • Leaflet.js - 是一个开源的移动友好交互式地图 JavaScript 库。体积仅有 33 KB。demo
    • CurrencyFormatter.js - 是一款简单纯JS格式化155种不同国家货币格式库,gzip压缩后仅7KB。demo
    • Feature.js - 是一个快速、简单、轻量级的浏览器功能检测库。它没有任何的依赖,并且 gzip 压缩后仅有1kb。demo
    • screenfull.js - 极小、跨平台的 JavaScript 全屏插件。demo

    新葡亰496net 45

    这是一个markdown和WYSIWYG编辑器,允许你在编码时轻松地在markdown和所见即所得模式之间切换。它提供了渲染后HTML的实时预览,即时语法错误检查以及markdown和预览模式之间的同步滚动。该编辑器还支持强大的扩展,如颜色选择器、图表代码块、UML代码块等。

    加载器

    • requirejs - JS模块化工具
    • SeaJS - JavaScript模块加载框架
    • loadjs - JavaScript模块加载框架
    • ESL - 浏览器端AMD标准加载器

    Phaser

    Phaser是一个快速的开源框架,可以开发为运行在桌面浏览器或手机浏览器的HTML5游戏。你也可以为iOS、Android和其他不同的本地应用程序创建游戏。Phaser有对开发人员非常友好的API,并且Phaser的团队也积极开发和维护。最近,在Phaser 3.0版本中发布了很多新的特性和功能。

    新葡亰496net 46

    新葡亰496net 47

    构建工具

    • webpack - 前端构建工具
    • Gulp - 自动化构建工具
    • Babel - 下一代JavasScript语法编译器
    • PostCSS - 利用JS插件转换CSS样式的工具
    • Grunt - JavaScript世界的构建工具
    • rollup.js - JS模块打包器
    • webpack-dashboard - webpack开发服务器的CLI仪表板
    • traceur-compiler - 支持ES6的JS编译器
    • brunch - 超快的HTML5构建工具
    • Helium-css - 显示网站中未使用的CSS

    SweetAlert 2

    SweetAlert2 是一个可以创建漂亮和可响应弹出框的库。SweetAlert2是高度可定制的,100%响应式并且在所有屏幕尺寸上都能有很好的显示效果。使用SweetAlert2 你可以创建各种不同的拥有惊艳的风格、显示效果和动画的弹出框。

    新葡亰496net 48

    Micron.js

    测试

    • mocha - JavaScript 测试框架
    • ESLint - JavaScript代码检查工具
    • JSHint - JavaScript语法和风格检查工具
    • casperjs - 开源的导航脚本处理和测试工具
    • Nightwatch - 用户界面自动化测试框架
    • istanbul - JS代码覆盖工具
    • intern - JavaScript测试系统
    • benchmark.js - 强大的JavaScript基准库
    • loadtest - HTTP或WebSockets URL的负载测试
    • JSCover - JavaScript代码覆盖测量工具

    Rekit

    Rekit是一款可帮助你使用React、Redux和React-router创建出色的响应式Web应用程序的工具包。该框架提供了两个用于处理框架的强大工具 — 一个名为Rekit Studio的全功能IDE,以及一个用于在终端上工作的扩展命令行界面。

    新葡亰496net 49

    Micron是一个允许你为DOM元素添加不同的CSS增强动画的库。其中交互可以通过HTML数据属性或通过链接JavaScript方法来设置速度、消除和其他选项来控制。它支持不同的交互,如摇晃、褪色、反弹、摇摆(shake, fade, bounce, swing)等等。

    包管理器

    • yarn - 新的 Hadoop 资源管理器
    • bower - web包管理器
    • npm - NodeJS包安装的管理模块
    • ndm - npm桌面管理器

    Nerd字体

    这是一个流行字体和图标的集合。它包含39个补充字体系列,以及来自诸如Font Awesome、Devicons、Octicons等流行图标集的1300多个图形和图标。所有字体在Linux、macOS和Windows上兼容。

    新葡亰496net 50

    新葡亰496net 51

    CDN

    • http://cdnjs.net
    • http://www.jsdelivr.com
    • http://unpkg.com
    • http://rawgit.com
    • http://staticfile.org
    • http://www.bootcdn.cn
    • http://cdn.baomitu.com
    • http://lib.sinaapp.com
    • http://cdn.code.baidu.com
    • http://jscdn.upai.com
    • https://www.asp.net/ajax/cdn
    • http://libs.sun0769.com
    • https://css.net
    • https://developers.google.com/speed/libraries/

    更多精彩,尽在下方

    Vue相关开源项目库汇总(史上最全)

    破解[优酷|腾讯|乐视|爱奇艺]等VIP或会员视频

    分享Mac最强大的虚拟机软件ParallelsDesktop最新破解版

    激活IDEA,Webstorm等Jetbrains旗下所有产品

    Axure RP 8.0正式版激活码(产品经理必备)

    Kutt.it

    Kutt是一个免费的可以用来缩短你的URL、管理链接和设置自定义域的开源库。它有一个易于使用的API,并允许你创建和删除URL,以及使用详细统计信息跟踪它们。

    1 赞 3 收藏 评论

    新葡亰496net 52

    lit

    Lit是一个非常小和响应式CSS框架。它包含12列响应式网格、不同的排印风格、自定义输入、三种按钮类型以及CSS框架应该提供的所有功能。Lit适用于所有现代浏览器,以及IE11等一些较旧的浏览器

    新葡亰496net 53

    Minimal Mistakes

    Minimal Mistakes是一个灵活的双列Jekyll主题,可用于个人网站、博客及其若干组合。它是完全可定制的,100%响应式的和针对搜索引擎优化的。它具有九种不同的颜色变化,几种响应式布局以及大量内置和可随时使用的组件。

    新葡亰496net 54

    Tachyons

    使用Tachyons,你可以制作漂亮且响应速度快的界面,并且几乎不需要CSS。它很容易使用和定制,移动优先,并能很好地与React、Ember、Angular和其他框架配合使用。更重要的是,它非常轻量级,并且具有非常详细的文档,你可以在其中找到所需的一切。

    新葡亰496net 55

    Wiki.js

    Wiki.js 是一个强大的Wiki App,基于Node.js、Git和Markdown开发。你可以使用内置编辑器用Markdown格式来写作,并且可以自动同步到你的Git仓库。Wiki.js 有完整的访问控制和配置管理,但只占用很少的CPU资源。

    新葡亰496net 56

    Phaser

    Phaser是一个快速的开源框架,可以开发为运行在桌面浏览器或手机浏览器的HTML5游戏。你也可以为iOS、Android和其他不同的本地应用程序创建游戏。Phaser有对开发人员非常友好的API,并且Phaser的团队也积极开发和维护。最近,在Phaser 3.0版本中发布了很多新的特性和功能。

    新葡亰496net 57

    SweetAlert 2

    SweetAlert2 是一个可以创建漂亮和可响应弹出框的库。SweetAlert2是高度可定制的,100%响应式并且在所有屏幕尺寸上都能有很好的显示效果。使用SweetAlert2 你可以创建各种不同的拥有惊艳的风格、显示效果和动画的弹出框。

    新葡亰496net 58

    Rekit

    Rekit是一款可帮助你使用React、Redux和React-router创建出色的响应式Web应用程序的工具包。该框架提供了两个用于处理框架的强大工具 — 一个名为Rekit Studio的全功能IDE,以及一个用于在终端上工作的扩展命令行界面。

    新葡亰496net 59

    Nerd字体

    这是一个流行字体和图标的集合。它包含39个补充字体系列,以及来自诸如Font Awesome、Devicons、Octicons等流行图标集的1300多个图形和图标。所有字体在Linux、macOS和Windows上兼容。

    新葡亰496net 60

    Kutt.it

    Kutt是一个免费的可以用来缩短你的URL、管理链接和设置自定义域的开源库。它有一个易于使用的API,并允许你创建和删除URL,以及使用详细统计信息跟踪它们。

    本文由新葡亰496net发布于新葡亰官网,转载请注明出处:新葡亰496net:个风趣的,轻量高效的前端插件和

    关键词: