3 月 15 个有意思的 JavaScript 和 CSS 库

 

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

 

 

BasicScroll

 

https://github.com/electerious/basicScroll

 

 

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

 

Proton Native

 

https://github.com/kusti8/proton-native

 

 

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

 

Normalize.css

 

https://github.com/necolas/normalize.css

 

 

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

 

Fork Awesome

 

https://github.com/ForkAwesome/Fork-Awesome

 

 

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

 

Filepond

 

https://github.com/pqina/filepond

 

 

Filepond 是一个用于上传文件的小型 Javascript 库。它提供了许多不同的上传方式:你可以使用拖拽、拷贝粘贴,浏览本地文件系统的方式,甚至只是使用它提供的 API 方式来上传文件。

 

这个库内置了图形优化和图形自动缩放功能,Gzip 压缩后只有 21 KB。

 

Headless Chrome Crawler

 

https://github.com/yujiosaka/headless-chrome-crawler

 

 

这是一个基于 HeadlessChorme 的网络爬虫(译者注:Headless Chrome 是 Chrome 浏览器的无界面形态,可以在不打开浏览器的前提下,使用所有 Chrome 支持的特性运行你的程序。)。

 

它的提供了非常简单易用的 API ,会让你更加轻松地设置并发、重试、延时方法。它提供了深度优先和广度优先两种爬取算法,同时支持类似于 Redis 的可插拔的缓存机制,并支持 CSV 和 Json 格式的导出。

 

Pressure.js

 

https://github.com/stuyam/pressure

 

 

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

 

Loaders.css

 

https://github.com/ConnorAtherton/loaders.css

 

 

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

 

React Slider Kit

 

https://github.com/M-Izadmehr/react-slider-kit

 

 

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

 

NativeScript

 

https://github.com/NativeScript/NativeScript

 

 

这是一个使用 Javascript 和 CSS 创建 IOS 和 Android 应用的开源框架。你只需要使用写好 Javascript 代码就可以使用框架自适应地运行在所有的 IOS 和 Android 设备上。

 

框架非常易于扩展,你可以使用 npm、CocoaPods 和 Gradle 获取数以百计的插件。

 

Polacode

 

https://github.com/octref/polacode

 

 

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

 

Scratches

 

https://github.com/0x00A/scratches

 

 

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

 

Prompts

 

https://github.com/terkelg/prompts

 

 

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

 

List

 

https://github.com/funkia/list

 

 

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

 

Nerv

 

https://github.com/NervJS/nerv

 

 

Nerv 是快速的,基于虚拟 dom 的 JavaScript 库,可以作为 React 的替代品。它是轻量级的,与 IE8 和 React 16 兼容,并在客户端和服务器端提供同构渲染。它支持许多 React 16 的特性,如 Error Boundaries、Portals 等。

 

posted @ 2018-04-03 09:19  刘浩2561179983  阅读(274)  评论(0编辑  收藏  举报