资讯频道 → 移动开发
阅读更多

0顶
0踩

移动开发

转载新闻 15 个有意思的 JavaScript 和 CSS 库

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

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

BasicScroll

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

Proton Native

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

Normalize.css

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

Fork Awesome

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

Filepond

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

Headless Chrome Crawler

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

Pressure.js

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

Loaders.css

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

React Slider Kit

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

[img]NativeScript[/img]


这是一个使用 Javascript 和 CSS 创建 IOS 和 Android 应用的开源框架。你只需要使用写好 Javascript 代码就可以使用框架自适应地运行在所有的 IOS 和 Android 设备上。框架非常易于扩展，你可以使用 npm、CocoaPods 和 Gradle 获取数以百计的插件。

Polacode

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

Scratches

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

Prompts

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

List

这个库提供了一个快速的函数替代数组。它是不可变的，这使它成为那些正在尝试函数式编程的人的最佳选择。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
来自: oschina
0
顶
0
踩
评论 共 0 条 请登录后发表评论

发表评论

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

相关推荐

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

    （点击上方公众号，可快速关注）英文：Georgi Georgiev 译文：oschinawww.oschina.net/translate/15-interesting-javascript-and-css-libraries-for-march-2018Tutorialzine 旨在让你了解最新最酷的 Web 发展趋势。...

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

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

  • 2018 年 -- 15 个有意思的 JavaScript 和 CSS 库

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

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

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

  • 15 个有意思的 JavaScript 和 CSS 库推荐！ 你用过几个？

    https://blog.csdn.net/j2IaYU7Y/article/details/79650512

  • buttons css手册,一个有意思的CSS样式库--BUTTONS

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

  • 为什么 CSS 动画比 JavaScript 高效？

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

  • 推荐15个有趣的JS和CSS库

    本文精心挑选了一些优秀的Web开发资源。如： Propeller：为基于 Bootstrap 与谷歌的 ...BaguetteBox：是一个利用纯 JavaScript 编写的库，它可用于创建响应式灯箱画廊效果。 Whitestorm：是基于 Three.js 引擎用...

  • 27 个 CSS 案例演示和 DEMO

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

  • 为什么 CSS 动画比 JavaScript 实现动画更高效？

    讲到动画，当然是非常有意思的啦，你可以往上滑一下，看看上面的封面图，是不是相当的炫酷，以为我是代码写出来的吗？ 那当然不可能啊，我这么摸鱼，怎么会为了个封面图上号呢 废话不多说，其实上面的动图用代码...

  • 几个非常有意思的javascript知识点总结

    作为一名前端爱好者, 笔者利用空余时间研究了几个国外网站的源码,发现不管是库,还是业务代码,都会用到了一些比较有意思的API,虽然平时在工作中部分接触过,但是经过这次的研究,觉得很有必要...

  • 重构JavaScript实现百叶窗手风琴（纯css版和JavaScript版）

    如果你仔细看过我写的注释，里面有个对初学者来讲很有意思事，是由于不完整的循环判断造成的；css实现的功能有限，改天吧，css的版也重构下。

  • html+css+javascript搭建个人博客

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

  • 【前端客栈】基于HTML、CSS、JavaScript的羊了个羊静态仿写页面小游戏

    【前端客栈】基于HTML+CSS+JS的"羊了个羊"仿写页面——果了个果；

  • 物业公司绩效考核制度.doc

    物业公司绩效考核制度

  • 2025最新小学数学义务教育课程标准(2022年版)必考题库附含答案.docx

    2025最新小学数学义务教育课程标准(2022年版)必考题库附含答案.docx

  • SDL-1.2.15-17.el7.x64-86.rpm.tar.gz

    1、文件内容：SDL-1.2.15-17.el7.rpm以及相关依赖 2、文件形式：tar.gz压缩包 3、安装指令： #Step1、解压 tar -zxvf /mnt/data/output/SDL-1.2.15-17.el7.tar.gz #Step2、进入解压后的目录，执行安装 sudo rpm -ivh *.rpm 4、安装指导：私信博主，全程指导安装

  • 软件研发绩效考核办法.doc

    软件研发绩效考核办法

  • FactoryIO液位PID仿真程序入门指南：使用TIA Portal V15与FactoryIO 2.4.0的梯形图编程,factoryio液位PID仿真程序 使用简单的梯形图编写，通俗易懂，起到抛

    FactoryIO液位PID仿真程序入门指南：使用TIA Portal V15与FactoryIO 2.4.0的梯形图编程,factoryio液位PID仿真程序 使用简单的梯形图编写，通俗易懂，起到抛砖引玉的作用，比较适合有动手能力的入门初学者。 软件环境： 1、西门子编程软件：TIA Portal V15（博图V15） 2、FactoryIO 2.4.0 内容清单： 1、FactoryIO中文说明书+场景模型文件 2、博图V15PLC程序(源码)。 ,核心关键词：FactoryIO液位PID仿真程序; 梯形图编写; 通俗易懂; 入门初学者; 西门子编程软件; TIA Portal V15（博图V15）; FactoryIO 2.4.0; FactoryIO中文说明书; 场景模型文件; PLC程序（源码）。,"FactoryIO液位控制：梯形图PID仿真程序"

  • 微信自动锁定2.0为保护日常隐私3分钟不操作鼠标和键盘自动锁定微信.rar

    # 微信自动锁定：您的隐私保护神器在当今数字化时代，隐私安全日益重要。微信作为我们日常沟通和信息交流的重要工具，其中的隐私保护不容忽视。为了满足大家对微信隐私保护的需求，我们特别推出了“微信自动锁定”软件。 1. **自动锁定**：这是软件的核心功能。当您在使用微信的过程中，若3分钟内没有任何鼠标和键盘操作，软件会自动锁定微信。这一功能有效防止了他人在您离开电脑时，未经授权访问您的微信，保护您的聊天记录、个人信息等隐私不被泄露。 2. **便捷的托盘操作**：程序启动后，会自动收纳到电脑右下角的托盘中，不占用过多屏幕空间，也不会干扰您的正常工作和使用。当您需要退出程序时，只需右键点击托盘图标，选择“退出”即可，操作简单便捷。 3. **灵活的托盘图标设置**：托盘图标支持两种设置方式。您可以选择指定路径的图片作为托盘图标，按照自己的喜好进行个性化设置；也可以使用base64编码的图标，满足不同用户的多样化需求。

Global site tag (gtag.js) - Google Analytics