打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
3 月值得关注的 15 个 JavaScript 和 CSS 库
userphoto

2017.03.16

关注


Tutorialzine 是一个教程资源网站,每月都会发布一些优秀资源,以让读者了解最新最酷的网络开发趋势,本月同样精心挑选了 15 个 JavaScript 和 CSS 供大家参考学习。


1

Propeller


Propeller 是一个基于 Bootstrap 和 Google’s Material Design 语言的 CSS 组件框架。它包含 25 个组件,响应敏捷,具有典型 Material Design 动画的特点。该项目可以作为 Bootstrap 主题下载,也可作为完整的框架或独立的组件下载。


2

BaguetteBox


baguetteBox.js 是一个简单简单、易用的 JavaScript lightbox库,它具有一下特点:

  • 纯 JavaScript 实现,无需依赖其他库

  • 支持触摸屏设备手势操作

  • 支持显示标题(说明)

  • 支持响应式图像

  • 支持CSS3过渡

  • 使用 SVG 按钮,没有多余的文件下载

  • 启用 gzip 压缩后仅 2KB


3

Whitestorm


Whitestorm 使用 Three.js 引擎开发 3D 网页应用和游戏,它为普通的 Three.js 任务提供封装,使搭建环境,创建对象,添加物件等操作更简单。官方提供了很好的项目教程,以及与 React 集成的工具。


4

Animatelo

Animatelo 是极度流行的 Animate.css 库的端口,它用 Web Animations API 克隆代替 CSS 转换。所有原始的 Animate.css 效果都被重建,但现在的 API 是基于 JavaScript 类而不是 CSS 类。该库轻量且不依赖 jQuery,但在旧版浏览器要求 polyfill。


5

FuseBox


FuseBox 是一个用于 JavaScript 和 CSS 的捆绑加载器,带有 TypeScript,Sass 等可选的附加组件。它以简洁与性能为主,为 webpack 提供替代方案。相关教程:Angular 2 TypeScriptReact BabelVue.jsElectron 等。


6

Yargs


Yargs 框架通过使用 Node.js 构建功能全面的命令行应用,它能轻松配置命令,解析多个参数,并设置快捷方式等,还能自动生成帮助菜单。


7

WebGradients


WebGradients 含有多种漂亮的渐变色,可在任何 HTML 页面轻松应用。你可在项目网站快速预览可用的渐变色,还能一键复制 CSS 到你的项目中去。


8

Sticky-Kit

Sticky-kit 是一个 jQuery 插件,它允许你在页面附加元素,设置跟随滚动的侧边栏效果。


9

ScrollDir


ScrollDir 是一个超轻量无依赖的 JavaScript 库,用以检查滚动条的移动,并根据你的选择元素切换 上/下 数据属性。该项目能给你带来平滑的用户体验。


10

Svgo

用以优化 SVG 文件的 Node.js 工具,它将它们从非必要的信息中剥离出来,如,编辑器元数据,注释,隐藏元素等。SVGO 具有基于插件的架构,你可自由选择需要删除和保留的内容。


11

Store.js


Store.js 是一个跨浏览器的用于高级本地存储的解决方案,它实现了浏览器的本地存储的 JavaScript 封装 API,不是通过 Cookie 和 Flash 技术实现,而是使用 localStorage、globalStorage 和 userData 行为。


12

Snarkdown

Snarkdown 是一个用 JavaScript 编写的极简的 Markdown 解析器。它不是功能最全的,但可能是最容易实现的一款解析器。Snarkdown 只有 1Kb 大小,且只有一种方法,适合速成项目。


13

Unfetch


Fetch API 能让开发者更好地处理异步请求,它能在大多数浏览器上受支持,但 fetch() 方法在 IE 浏览器中仍不可用。


14

Scrollanim

Scrollanim 是使用 CSS3 JavaScript 实现的用于创建滚动动画的库,应用到元素上后,当此元素出现在浏览器可视区域时便会执行对应的动画。Scrollanim 是 Kissui 的一部分,所以使用 Scrollanim 时需要用到 kissui.css。


15

Neurojs


用于在浏览器中进行深度学习 JavaScript 框架,可以通过强化学习进行全栈神经网络。演示:Demo app


编译自:Tutorialzine

责任编辑:开源中国 - 达尔文

转载必须在正文中标注并保留原文链接和作者等信息




本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
40 个轻量级 JavaScript 库 (上)
年度最佳 JavaScript 和 CSS 开源库推荐!
2017 年度最佳 JavaScript 和 CSS 开源库推荐
10个最好的 JavaScript 动画库和开发框架
不可错过的javascript迷你库
推荐2019年里这11个好用的JavaScript动画库给你
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服