专栏首页我的前端路20个轻量的 JavaScript 库和插件

20个轻量的 JavaScript 库和插件

下面这个列表中的免费 JavaScript 插件都是今年发布的,没有臃肿的一体化的框架,它们提供轻量级的解决方案,帮助 Web 开发过程更容易和更快。提供的插件可以创建滑块、响应式菜单、模态窗口、相册和许多其他常见的组件。

baguetteBox.js

baguetteBox.js 一个简单和易于使用的响应式的图像 Lightbox 插件,支持滑动手势在移动设备上使用。纯 JavaScript 实现,不依赖第三方库和插件。

ScrollReveal

创建和管理元素进入可视区域时的动画效果,帮助你的网站增加吸引力。只需要给元素增加 data-scrollreveal 属性,当元素进入可视区域的时候会自动被触发设置好的动画。

Bricks.js

Bricks.js is a ‘blazing fast’ masonry layout generator for fixed width elements.

Bricks.js blazing fast masonry layout generator for fixed width elements

Philte

Available as either a jQuery plugin or as vanilla JavaScript, the Philter gives you the means to control CSS filters with HTML attributes.

jQuery plugin vanilla JavaScript Philter control CSS filters HTML attributes

List.js

List.js is a lightweight and fast vanilla JavaScript script that adds search, sort, filters and flexibility to lists, tables, or anything HTML.

List.js Lightweight fast vanilla JavaScript adds search sort filters and flexibility to HTML

Datedropper.js

Datedropper.js is a jQuery plugin that gives you a an easy way to manage dates for input fields.

Datedropper js - A new and easy to install jQuery datepicker plugin

jfMagnify

jfMagnify is a jQuery plugin that creates a magnify glass effect on any HTML element, not just images.

jfMagnify jQuery plugin html images magnify glass effect

jQuery formBuilde

jQuery formBuilder is a new jQuery plugin for quick, drag & drop form creation.

jQuery formBuilder jQuery plugin drag and drop form creation

Popper.js

Popper.js is a lightweight (4kb minified) library for managing poppers, tooltips and popovers. You can quickly and easily position tooltips with just a single line code.

Popper.js Kickass Library Manage Your Poppers Tooltips Popovers

iMissYou.js

iMissYou.js is a handy little jQuery plugin for changing the title & favicon of the page when the user moves away from your website.

iMissYou.js jQuery plugin Change Title Favicon Page

SweetAlert2

SweetAlert2 is a beautiful and customizable replacement for JavaScript’s popup boxes.

SweetAlert2 beautiful customizable replacement for JavaScript Alert

Turntable.js

Turntable.js is a responsive jQuery slider that will flip through a selection of images as your mouse moves across a container.

Turntable.js responsive jQuery slider rotate through list of images

Force.js

Force.js is a JavaScript library that makes it simple to animate HTML elements and navigate around a web page.

Force.js easy way scroll animate your page

Bideo.js

Bideo.js is a JavaScript library that makes it very easy to add fullscreen background videos to web pages.

Bideo.js Easy fullscreen HTML5 background video Web

flatpick

Written in vanilla JavaScript, flatpickr is lightweight datetimepicker and calendar solution.

Slidebars

Slidebars is a jQuery Framework for adding off-canvas menus and sidebars to your website or web application.

anime.js

anime.js is a flexible and lightweight JavaScript animation library. It works with CSS, Individual Transforms, SVG, DOM attributes and JS Objects.

anime.js flexible lightweight JavaScript animation library

Cleave.js

Cleave.js – Format your <input/> content when you are typing.

Skipp

Skippr is a super simple and lightweight slideshow plugin for jQuery

iziModal.js

iziModal.js is an elegant, responsive, flexible and lightweight modal jQuery plugin.

Lightgallery.js

Lightgallery.js is a fully featured JavaScript lightbox gallery with no dependencies.

资料:

《Slidebars》:www.smpeizi.com

《anime.js》:www.pzzs168.com

《Cleave.js》:www.aiidol.com

《Skipp》:www.3sjtw.com

《iziModal.js》:www.idiancai.com

《Lightgallery.js》:www.dnshost.com.cn

原文链接:http://www.yyyweb.com/4671.html

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 提高Node.js应用吞吐量的小优化技巧

    谨慎使用ECMAScript高级语法,特别是你还未使用最新的JavaScript引擎或者类似于Babel这样的转换器的时候。

    用户4962466
  • 2019年小白学习web前端路线图及学习攻略

    Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。

    用户4962466
  • 2019年最佳的Bootstrap Admin模板下载

    Bootstrap 是一个免费和开源的前端框架,包含一组用于创建网站和 Web 应用程序的工具集合。 包含栅格系统、表单、按钮、导航和其他界面组件,开发人员能够...

    用户4962466
  • 如何动态加载js?

    第三方的js文件,自己写的js文件,js越来越多了怎么办? 提出问题: 1、js文件太多了,每个页面都写<script src="...">太麻烦。 2、如果路...

    用户1174620
  • 前端缓存

    https://juejin.im/post/5a098b5bf265da431a42b227

    城市中的游牧民族
  • 利用js文件反弹shell

    前两天在freebuf上看到一个利用Ink文件触发攻击链的文章,确实佩服作者的脑洞。

    洛米唯熊
  • Webpack第三天

    我们已经能打包能启动了,现在我们要继续开发。开发的时候我们要一直刷新才能出现,这很浪费时间,而webpack自带了热更新。

    wade
  • JavaScript常用对象&属性&事件-图标

    版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。

    奋飛
  • webpack多入口多出口的实现

    对古老的网站进行维护, 短时间内用react或vue组件化重写全部页面不太现实,但用webpack做个打包, 还是可行性的, 配置好webpack多入口多出口,...

    zhaoolee
  • smartClient 1--框架介绍

        快速构建 大型企业应用开发(无需过多关注UI),适合基于云技术的应用,主要关注业务的发展和营销,加快开发进程

    用户1148399

扫码关注云+社区

领取腾讯云代金券