15 个有意思的 javascript 和 css 库 -买球官网平台

0顶
0踩

15 个有意思的 javascript 和 css 库

2018-03-28 11:31 by 副主编 jihong10102006 评论(0) 有14330人浏览

tutorialzine 旨在让你了解最新最酷的 web 发展趋势。这就是我们每个月为何都会发布一些我们偶然发现并认为值得你关注的优秀资源的原因。



该库使你可以在你的设计中添加 parallax 滚动动画效果。你可以直接在你的 css 中使用变量和属性,或者使用 js 来获得更好的动画效果。它运行非常流畅,独立于框架,在桌面和移动设备上非常出色,并且支持触屏输入。



proton native 允许你为所有平台创建原生桌面应用程序。它具有与 react native 相同的语法,支持 redux 等现有的 react 库,并与大多数 node.js 包兼容。它适用于原生组件,并不再需要 electron 。



normalize.css 是一个全新的浏览器样式重置库。它使得 html 元素样式在不同的浏览器上保持统一,同时也极大程度地减少了不同浏览器之间的冲突,提供了更高的可用性。



这是一个拥有超过 600 个可缩放的矢量图形的图标库。这些图标非常易于自定义,比如更换颜色、大小、阴影等,同时兼容所有框架。这个库非常容易上手,不需要用户拥有 javascript 语言知识,最重要的是它们在 retina 屏幕中的显示效果令人惊艳。



filepond 是一个用于上传文件的小型 javascript 库。它提供了许多不同的上传方式:你可以使用拖拽、拷贝粘贴,浏览本地文件系统的方式,甚至只是使用它提供的 api 方式来上传文件。这个库内置了图形优化和图形自动缩放功能,gzip 压缩后只有 21 kb。



这是一个基于 headlesschorme 的网络爬虫(译者注:headless chrome 是 chrome 浏览器的无界面形态,可以在不打开浏览器的前提下,使用所有 chrome 支持的特性运行你的程序。)。它的提供了非常简单易用的 api ,会让你更加轻松地设置并发、重试、延时方法。它提供了深度优先和广度优先两种爬取算法,同时支持类似于 redis 的可插拔的缓存机制,并支持 csv 和 json 格式的导出。



这是一个可用于压感触控、3d touch 和点触控的库。它提供了简单易用而且兼容绝大多数浏览器的 api 和一个内置的可用于识别压力轻重的工具。同时它也支持多点触控。



这是一个非常有意思的纯 css 实现的 loading 动画库。它非常简单实用而且很容易实现自定义。这个库提供了变形、旋转、淡入等等动画效果。这些动画效果能运行在所有的的现代浏览器上(包括 ie9 以上的 ie 浏览器)。



你可以使用 react slider kit 在你的 react 应用中创建滚动元素。它提供了不同类型的滑动组件比如 1d、2d 滚动,单个、多个滚动,水平和垂直滚动等。你可以设置滚动元素的最小、最大值,设置滚动元素的开始停止点等等。

[img][/img]


这是一个使用 javascript 和 css 创建 ios 和 android 应用的开源框架。你只需要使用写好 javascript 代码就可以使用框架自适应地运行在所有的 ios 和 android 设备上。框架非常易于扩展,你可以使用 npm、cocoapods 和 gradle 获取数以百计的插件。



polacode 是一个 visualstudio code 扩展插件,你可以用一些非常漂亮的视觉效果来对你的代码进行截图。它隐藏了编辑器的 ui ,并在屏幕截图中添加了阴影、填充和圆角。



scratches 是一个简单的 javascript 和 node.js 文本编辑器,可以在你键入时评估你的代码。它基于 electron 构建,拥有纯净的白色和黑色主题,以及可以看到代码输出的预览窗口。



prompts 是一套能简单创建漂亮命令行的应用和工具集。它是独立的且轻量级的,没有额外的依赖。这个库能很好地处理 情况下的专有环境。



这个库提供了一个快速的函数替代数组。它是不可变的,这使它成为那些正在尝试函数式编程的人的最佳选择。list 是在 typescript 中编写的,并实现了所有 javascript 数组方法,还有其他一些额外的方法。



nerv 是快速的,基于虚拟 dom 的 javascript 库,可以作为 react 的替代品。它是轻量级的,与 ie8 和 react 16 兼容,并在客户端和服务器端提供同构渲染。它支持许多 react 16 的特性,如 error boundaries、portals 等。
  • 大小: 82.7 kb
  • 大小: 56.4 kb
  • 大小: 56.6 kb
  • 大小: 50.7 kb
  • 大小: 273.9 kb
  • 大小: 18.8 kb
  • 大小: 34 kb
  • 大小: 20 kb
  • 大小: 15 kb
  • 大小: 32.7 kb
  • 大小: 27.1 kb
  • 大小: 79.5 kb
  • 大小: 30 kb
  • 大小: 43 kb
  • 大小: 56.2 kb
  • 大小: 8.4 kb
来自:
0
0
评论 共 0 条 请登录后发表评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • (点击上方公众号,可快速关注)英文:georgi georgiev 译文:oschinawww.oschina.net/translate/15-interesting-javascript-and-css-libraries-for-march-2018tutorialzine 旨在让你了解最新最酷的 web 发展趋势。...

  • tutorialzine 旨在让你了解最新最酷的 web 发展趋势。这就是我们每个月为何都会发布一些我们偶然发现并认为值得你关注的优秀资源的原因。 basicscroll ...你可以直接在你的 css 中使用变量和属性,或...

  • 这就是为什么我们每个月都会发布一些我们偶然发现并认为值得你关注的最佳资源的缘由。direction reveal (方向展示)该插件检测光标进入或离开块时的方向,允许你使用各种酷炫特效和过渡。它提供了一些开箱即用的...

  • 这就是为什么每个月都会发布一些偶然发现并认为值得你关注的最佳资源的缘由。 direction reveal(方向展示) 该插件检测光标进入或离开块时的方向,允许你使用各种酷炫特效和过渡。它提供了一些开箱即用的css...

  • 这就是为什么我们每个月都会发布一些我们偶然发现并认为值得你关注的最佳资源的缘由。direction reveal (方向展示)该插件检测光标进入或离开块时的方向,允许你使用各种酷炫特效和过渡。它提供了一些开箱即用的...

  • 我最近发现了一个有意思的css样式库,和bootstrap相似,但是它是专门的一个高度可定制的,免费的并且开源的按钮css样式库,这里附上它的网址:http://www.bootcss.com/p/buttons/接下来介绍怎么使用这个css样式库,...

  • 这就是为什么我们每个月都会发布一些我们偶然发现并认为值得你关注的最佳资源的缘由。 direction reveal(方向展示) 该插件检测光标进入或离开块时的方向,允许你使用各种酷炫特效和过渡。它提供了一些开箱即用...

  • html css javascript搭建属于自己的个人博客

  • 本文精心挑选了一些优秀的web开发资源。如: propeller:为基于 bootstrap 与谷歌的 ...baguettebox:是一个利用纯 javascript 编写的库,它可用于创建响应式灯箱画廊效果。 whitestorm:是基于 three.js 引擎用...

  • 大家好,我是 漫步,在写css一些案例时,我们经常会遇到熟悉的场景,如果能够直接套用demo,那样子就会快很多了,来看看下文。本文是笔者写css时常用的套路。不论效果再怎么华丽,万变不离其...

  • 大家好,今天给大家介绍一款,javascript css实现的点赞动画特效 (图1)。送给大家哦,获取方式在本文末尾。 图1 点击到一定次数后就会有特效出现,最后就会炸裂,很有意思(图2) 图2 源码完整,需要的朋友可以...

  • 有梦想,有干货,微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。 本文 github https://github.com/qq449245884/xiaozhi 已收录,有一线大厂面试完整考点、资料以及我的系列文章。 今天,分享一波唯美的...

  • 这篇文章将欢快的带你了解一下 css 和 js 动画的差别 愿你忠于自己,热爱生活 引言 讲到动画,当然是非常有意思的啦,你可以往上滑一下,看看上面的封面图,是不是相当的炫酷,以为我是代码写出来的吗? 那当然不...

global site tag (gtag.js) - google analytics