15个有趣的Javascript 和CSS库

时间: 2018-03-30阅读: 1408标签: 

我在Tutorialzine社区的任务就是让你了解到新兴和酷炫的web 开发趋势. 这就是为什么我们每个月都会精心挑选发布一些,偶然发现并且认为大家值得关注的库


Direction Reveal

这个插件可以检测到鼠标进入和离开"块(block)"的方向, 可以让你去实现一个酷炫的效果和过渡. 它提供了一些开箱即用 css 动画, 让你可以轻松地创建你自己的动画.



Carbon

Carbon可以让你创建分享出漂亮的代码片断. 你只需要简单的把代码黏贴的编辑器或者自己写. 你可以通过改变字体样式、编辑主题、 语法高亮、甚至窗口按钮来自定义图片的外观.



Аxios

Axios 提供了一个现代化的JavaScirpt HTTP 请求的方案. 他的Api基于Promise, 可让你的代码在处理异步请求的时候更有组织性. 这个库可以在浏览器中工作,同时也支持nodejs的环境



Jarvis

一个非常智能的基于webpack浏览器仪表盘,它会像你显示所有 webpakc在构建过程中你需要的重要信息. 以及你的"assets"在12种不同的连接类型的表现, 项目中所有的buildle的大小同时有一个漂亮的错误输出. 不过到现在依然是测试版本,预计会增加许多新的功能



Toast UI Editor

这是一个实时的markdown编辑器, 它允许你在写作时轻松切换 markdown 和 WYSIWYG 模式. 提供了一个实时渲染的按钮html预览, 即时的语法检测,markdown和预览窗口的同步滚动. 编辑器还支持需要强大的扩展例如颜色选择器、图表代码块、 UML 代码等.



Micron.js

Micron是一个允许您向 DOM 元素添加不同 css-powered 动画的库。 这些交互可以通过 html 数据属性控制, 也可以通过控制 JavaScript 方法来设置速度、宽松和其他选项。 支持不同的交互, 如摇摆, 褪色, 反弹, 摇摆等等.



lit

Lit是一个非常小的响应式 CSS 框架。 它提供12列响应式网格, 不同的排版风格, 自定义输入, 三种按钮以及 css 框架应该提供的所有功能。 支持所有的现代浏览器, 以及像 IE11这样的老式浏览器



Minimal Mistakes

Minimal Mistakes 是一个灵活的两栏 Jekyll 主题 可以用于个人网站, 博客和作品集. 它是完全可定制的,100% 响应和优化的搜索引擎。 它有九种不同的颜色变化, 几个响应式布局和一些内置和准备使用组件.


Tachyons

使用Tachyons , 你可以在几乎没有 CSS 的情况下制作出漂亮的响应式网站。 它易于使用和定制, 移动端优先并且可以很好的和react Ember Angualr等框架结合 。 更重要的是, 它非常轻便, 有一个非常详细的文档, 你可以找到所有你需要的东西。.


Wiki.js

是一个基于 Node.js, Git 和 Markdown 的强大的 wiki 应用程序。 您可以使用内置编辑器以 Markdown 格式编写内容, 该格式将自动与 Git 存储库同步。 该应用程序有一个集成的访问控制和资产管理器, 设计用于处理低 CPU 资源。


Phaser

这是一个为桌面和移动浏览器开发 HTML5游戏的快速开源框架。 你可以为 iOS、 Android 和不同的本地应用程序创建游戏。 它拥有一个开发者友好的 API, 并且得到了很大的支持, 并且正在积极开发和维护。 最近, 3.0版本已经发布, 带来了许多新的功能和功能.


SweetAlert 2

是一个用来创建漂亮和响应性的弹出框的库。 它们是高度可定制的, 100% 的响应和看起来伟大的所有屏幕尺寸。 有了这个库, 你可以创建各种不同的弹出框, 具有惊人的风格, 效果和动画.


Rekit

Rekit 是一个工具包, 它可以帮助你用 react, Redux 和 React-路由器来创建令人惊叹的响应式网络应用。 该框架为框架工作提供了两个强大的工具——一个名为 Rekit Studio 的全功能 IDE, 以及一个从终端工作的广泛的命令行接口.


Nerd Fonts

这是一系列流行字体和图标的集合。 它包括39个补丁字体家族和超过1300个象形文字和一些流行的图标集, 如 Font Awesome, Devicons, Octicons 和其他。 所有的字体都与 Linux、 macOS 和 Windows 兼容.


Kutt.it

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


原文出处 15 Interesting JavaScript and CSS Libraries for February 2018  
翻译来源:https://www.zcfy.cc
站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

2.广告联盟: 整理了目前主流的广告联盟平台,如果你有流量,可以作为参考选择适合你的平台点击进入

链接: http://www.fly63.com/article/detial/570

关闭

使用webpack4搭建一个基于Vue的组件库

组内负责的几个项目都有一些一样的公共组件,所以就着手搭建了个公共组件开发脚手架,第一次开发 library,所以是参考着 iview 的配置来搭建的。记录如何使用webpack4搭建一个library的脚手架

搞懂事件API原理及在组件库中的妙用

这个里面存放的就是当前实例上的自定义事件集合,也就是自定义事件中心,它存放着当前组件所有的自定义事件。和自定义事件相关的API分为以下四个:this.$on、this.$emit、this.$off、this.$once

实用工具库Lodash

Lodash是一个可以提高开发者效率、提高原生JS方法性能的 JavaScript 第三方实用工具库;Lodash特点就是一致性、模块化、高性能。业界赫赫有名,其不需要引入其他第三方依赖

如何使用webpack打包一个库library?

日常我们开发了一个库之后,如何打包之后提供给别人使用呢?如果你不清楚,就继续看吧!经过以上步骤后会生成一个library文件夹,里面包含一个package.json文件。

Push.js:Javascript桌面通知库

Push.js是一个可以快速运行和接收的Javascript桌面通知库,它支持IE9+,以及现代浏览器如:Chrome, Safari, Firefox。它可以应用在网页消息推送方面,而且简单易用。

React Native 常用的 15 个库

本篇 React native 库列表不是从网上随便找的, 这些是我在我的应用中亲自使用的库。 这些库功能可能跟其它库也有,但经过大量研究并在我的程序中尝试后,我选择了这些库。

javascript中库是什么意思

JavaScript库是被封装好的一些JavaScript函数,是为了应对JavaScript高级程序设计时遇到的困难开发的,提供针对常见JavaScript任务的函数,包括动画、DOM操作以及Ajax处理。

功能强大的 JS 文件上传库:FilePond

FilePond 是一款很轻便的上传插件。并没有太多繁琐的配置,这里我并没有逐一针对每个插件引入进行演示,只展示了常用的部分。留意上面提示的坑,掌握上面讲解的方法,其它的插件你便可自行学习

day.js轻量级处理时间和日期格式化库

Day.js是一个轻量的处理时间和日期的JavaScript库,和Moment.js的API设计保持完全一样. 如果您曾经用过Moment.js, 那么您已经知道如何使用Day.js。

Hammer.js实现多点触控的javascript库

Hammer.js是一个开源的能实现多点触控的javascript库,可以识别触摸,鼠标点击和手势滑动操作,它不依赖任何第三方库,并且非常小巧灵活。

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!