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

0顶
0踩

移动开发

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

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

  • python源码基于YOLOV5安全帽检测系统及危险区域入侵检测告警系统源码.rar

    本资源提供了一个基于YOLOv5的安全帽检测系统及危险区域入侵检测告警系统的Python源码 该系统主要利用深度学习和计算机视觉技术，实现了安全帽和危险区域入侵的实时检测与告警。具体功能如下： 1. 安全帽检测：系统能够识别并检测工人是否佩戴安全帽，对于未佩戴安全帽的工人，系统会发出告警信号，提醒工人佩戴安全帽。 2. 危险区域入侵检测：系统能够实时监测危险区域，如高空作业、机械设备等，对于未经授权的人员或车辆进入危险区域，系统会立即发出告警信号，阻止入侵行为，确保安全。 本资源采用了YOLOv5作为目标检测算法，该算法基于深度学习和卷积神经网络，具有较高的检测精度和实时性能。同时，本资源还提供了详细的使用说明和示例代码，便于用户快速上手和实现二次开发。 运行测试ok，课程设计高分资源，放心下载使用！该资源适合计算机相关专业(如人工智能、通信工程、自动化、软件工程等)的在校学生、老师或者企业员工下载，适合小白学习或者实际项目借鉴参考！ 当然也可作为毕业设计、课程设计、课程作业、项目初期立项演示等。如果基础还行，可以在此代码基础之上做改动以实现更多功能，如增加多种安全帽和危险区域的识别、支持多种传感器数据输入、实现远程监控等。

  • 基于SpringBoot的响应式技术博客的设计和实现(源码+文档)

    本课题将许多当前比较热门的技术框架有机的集合起来，比如Spring boot、Spring data、Elasticsearch等。同时采用Java8作为主要开发语言，利用新型API，改善传统的开发模式和代码结构，实现了具有实时全文搜索、博客编辑、分布式文件存贮和能够在浏览器中适配移动端等功能的响应式技术博客。 本毕业设计选用SpringBoot框架，结合Thymeleaf，SpringData，SpringSecurity，Elasticsearch等技术，旨在为技术人员设计并实现一款用于记录并分享技术文档的技术博客。通过该技术博客，方便技术人员记录自己工作和学习过程中的点滴，不断地进行技术的总结和积累，从而提升自己的综合能力，并通过博客这一平台，把自己的知识、经验、教训分享给大家，为志同道合者提供一个相互交流、共同学习的平台，促使更多的人共同进步[9]。学习到别人的一些良好的设计思路、编码风格和优秀的技术能力，使笔者的设计初衷。本系统主要面向web端的用户，希望能给用户更多的学习和交流的选择。

  • javalab 3.zip

    javalab 3.zip

  • J0001基于javaWeb的健身房管理系统设计与实现

    该系统基于javaweb整合，数据层为MyBatis，mysql数据库，具有完整的业务逻辑，适合选题：健身、健身房、健身房管理等 健身房管理系统开发使用JSP技术和MySQL数据库，该系统所使用的是Java语言，Java是目前最为优秀的面相对象的程序设计语言，只需要开发者对概念有一些了解就可以编写出程序，因此，开发该系统总体上不会有很大的难度，同时在开发系统时，所使用的数据库也是必不可少的。开发此系统所使用的技术都是通过在大学期间学习的，对每科课程都有很好的掌握，对系统的开发具有很好的判断性。因此，在完成该系统的开发建设时所使用的技术是完全可行的。 学员主要实现的功能有：网站信息、课程信息、教练列表、我的信息、登录 员工主要实现的功能有：工资查询、会员管理、器材借还、健身卡管理、个人中心、登录 教练主要实现的功能有：工资查询、学员列表、个人中心 管理员是系统的核心，可以对系统信息进行更新和维护，主要实现的功能有：个人中心、学员管理、教练管理、网站信息管理、器械信息管理、课程信息管理。

  • 架构.cpp

    架构.cpp

  • 利用Python实现中文文本关键词抽取（三种方法）

    文本关键词抽取，是对文本信息进行高度凝练的一种有效手段，通过3-5个词语准确概括文本的主题，帮助读者快速理解文本信息。目前，用于文本关键词提取的主要方法有四种：基于TF-IDF的关键词抽取、基于TextRank的关键词抽取、基于Word2Vec词聚类的关键词抽取，以及多种算法相融合的关键词抽取。笔者在使用前三种算法进行关键词抽取的学习过程中，发现采用TF-IDF和TextRank方法进行关键词抽取在网上有很多的例子，代码和步骤也比较简单，但是采用Word2Vec词聚类方法时网上的资料并未把过程和步骤表达的很清晰。因此，本文分别采用 1. TF-IDF方法 2. TextRank方 3. Word2Vec词聚类方法 实现对专利文本（同样适用于其它类型文本）的关键词抽取，通过理论与实践相结合的方式，一步步了解、学习、实现中文文本关键词抽取。

Global site tag (gtag.js) - Google Analytics