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

0顶
0踩

移动开发

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

2018-03-28 11:31 by 副主编 jihong10102006 评论(0) 有14967人浏览
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的"羊了个羊"仿写页面——果了个果；

  • 利用Simulink实现混合储能系统在直流微网中的下垂控制策略研究：保持直流母线电压稳定的实践与探究,Simulink仿真下的光储直流微网混合储能系统下垂控制策略优化研究（注意版本要求为2021A以上

    利用Simulink实现混合储能系统在直流微网中的下垂控制策略研究：保持直流母线电压稳定的实践与探究,Simulink仿真下的光储直流微网混合储能系统下垂控制策略优化研究（注意版本要求为2021A以上）,混合储能系统 光储微网 下垂控制 Simulink仿真 注意版本2021A以上 由光伏发电系统和混合储能系统构成直流微网。 混合储能系统由超级电容器和蓄电池构成，通过控制混合储能系统来维持直流母线电压稳定。 混合储能系统采用下垂控制来实现超级电容和蓄电池的功率分配，蓄电池响应低频量，超级电容响应高频量。 通过改变光照来影响光伏出力，控制混合储能系统保持微网直流母线电压稳定在380V，不受光伏出力变化影响。 ,混合储能系统; 光储微网; 下垂控制; Simulink仿真; 版本2021A; 直流母线电压稳定; 光伏出力变化; 超级电容器; 蓄电池。,2021A+混合储能系统：光储微网下垂控制Simulink仿真研究

  • JavaScript入门到精通: 全栈编程语言的基础与进阶学习指南

    内容概要：本文档是针对JavaScript这一跨平台解释型语言的详尽入门手册，首先概述了JavaScript的概念及其重要特性，强调它不仅适用于前端同时也活跃于Node.js的服务器环境之中，从而成为全栈开发的重要技能。紧接着文档阐述了JavaScript的基本语法元素如变量声明、数据类型、运算符及控制结构，让新手理解JavaScript的语法规则，并通过函数与对象操作加深印象。之后介绍了一些常见的实用工具和高级用法，例如模板字符串、解构赋值以及异步编程手段（比如Promise）。对于想要深入探索的应用场景给出了广泛的指引，无论是传统的web开发还是新兴领域的IoT或自动化脚本编写皆有所涉猎。 适合人群：对于那些没有编程背景或有其他编程经验但仍希望了解并擅长运用JavaScript的个人来说非常适合。 使用场景及目标：目的是向初学者提供足够的理论指导和技术实践机会，使他们能够在不同平台上利用JavaScript创造出有意义的作品；不论是想要从事专业软件开发或是业余项目爱好者都能够从中受益。 其他说明：文档还提供了大量权威且有用的外部链接供进一步深造学习，包括但不限于主流的在线课程、权威的技术参考资料及充满活力的支持社区。

  • 2D3D 中弗里德里希常数和庞加莱常数的计算 附Matlab代码.rar

    1.版本：matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。

  • 级联H桥SVG无功补偿系统在不平衡电网中的三层控制策略：电压电流双闭环PI控制、相间与相内电压均衡管理,级联H桥SVG无功补偿系统在不平衡电网中的三层控制策略：电压电流双闭环PI控制、相间与相内电压均

    级联H桥SVG无功补偿系统在不平衡电网中的三层控制策略：电压电流双闭环PI控制、相间与相内电压均衡管理,级联H桥SVG无功补偿系统在不平衡电网中的三层控制策略：电压电流双闭环PI控制、相间与相内电压均衡管理,不平衡电网下的svg无功补偿，级联H桥svg无功补偿statcom，采用三层控制策略。 （1）第一层采用电压电流双闭环pi控制，电压电流正负序分离，电压外环通过产生基波正序有功电流三相所有H桥模块直流侧平均电压恒定，电流内环采用前馈解耦控制； （2）第二层相间电压均衡控制，注入零序电压，控制通过注入零序电压维持相间电压平衡； （3）第三层相内电压均衡控制，使其所有子模块吸收的有功功率与其损耗补，从而保证所有H桥子模块直流侧电压值等于给定值。 有参考资料。 639,核心关键词： 1. 不平衡电网下的SVG无功补偿 2. 级联H桥SVG无功补偿STATCOM 3. 三层控制策略 4. 电压电流双闭环PI控制 5. 电压电流正负序分离 6. 直流侧平均电压恒定 7. 前馈解耦控制 8. 相间电压均衡控制 9. 零序电压注入 10. 相内电压均衡控制 以上十个关键词用分号分隔的格式为：不

  • 基于时空RBF-NN的混沌时间序列预测 附Matlab代码.rar

    1.版本：matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。

  • 基于主从博弈的动态定价策略与电动汽车充电管理优化在智能小区的实践（MATLAB+CPLEX gurobi实现）,基于主从博弈理论的智能小区电动汽车充电与代理商动态定价策略优化研究,MATLAB代码：基

    基于主从博弈的动态定价策略与电动汽车充电管理优化在智能小区的实践（MATLAB+CPLEX gurobi实现）,基于主从博弈理论的智能小区电动汽车充电与代理商动态定价策略优化研究,MATLAB代码：基于主从博弈的智能小区代理商定价策略及电动汽车充电管理 关键词：电动汽车 主从博弈 动态定价 智能小区 充放电优化 参考文档：《基于主从博弈的智能小区代理商定价策略及电动汽车充电管理》基本复现 仿真平台：MATLAB+CPLEX gurobi平台 主要内容：代码主要做的是一个电动汽车充电管理和智能小区代理商动态定价的问题，将代理商和车主各自追求利益最大化建模为主从博弈，上层以代理商的充电电价作为优化变量，下层以电动汽车的充电策略作为优化变量，通过优化得出最优电价策略以及动态充电策略。 ,电动汽车; 主从博弈; 动态定价; 智能小区; 充放电优化; MATLAB; CPLEX; gurobi平台。,基于主从博弈的电动汽车充电管理与定价策略优化MATLAB代码实现

Global site tag (gtag.js) - Google Analytics