未加星标

10款轻量级开源JavaScript插件和库 快速提升效率

字体大小 | |
[前端(javascript) 所属分类 前端(javascript) | 发布者 店小二05 | 时间 2016 | 作者 红领巾 ] 0人收藏点击收藏
10款轻量级开源javascript插件和库 快速提升效率

一点号网页设计自学平台昨天


10款轻量级开源JavaScript插件和库 快速提升效率

●●●

目前有很多网站设计师和开发者喜欢使用由JavaScript开发的插件和库,但同时面临一个苦恼的问题:它们中的大多数实在是太累赘而且常常降低网站的性能。其实,其中也有不少轻量级的插件和库,它们不仅轻巧有用,而且不会影响网站的性能。本文,就为大家整理了2016年以来30多款轻量级Javascript插件和库的列表,这些工具服务于特定的目标,并且它们能够非常有效和高效地实现目标。

不管你想创建一个图片库、一个滑动效果,个性化菜单还是其他接口元素,你都可以用这些插件和库轻易的实现。同时,你还可以使用这些插件为网站增加出色的功能,例如GIF和图片预览、吸引人的网站图标及其他。

这些插件和库都是非常简单的编码并且可以轻易实现。你以后肯定会发现它们对于你的Web项目非常有用。


10款轻量级开源JavaScript插件和库 快速提升效率

0 baguetteBox.js

baguetteBox.js是一个简单易用的响应式图像灯箱效果脚本,而且在移动设备上支持滑动手势,完全使用Javascript编写。(压缩后大约2.7KB)


10款轻量级开源JavaScript插件和库 快速提升效率

DEMO:https://feimosi.github.io/baguetteBox.js/

1 ScrollReveal

ScrollReveal插件使用户能够无比轻松地创建桌面和移动浏览器的网页滚动动画(压缩后大约3.3KB)


10款轻量级开源JavaScript插件和库 快速提升效率

请各位自行打开DEMO页面感受一下动画效果。: )

DEMO:https://scrollrevealjs.org/

2 Marginotes

Marginotes,使用jQuery实现的添加旁注插件,快速,炫酷。


10款轻量级开源JavaScript插件和库 快速提升效率

DEMO:http://francisco.dance/

3 Loud Links

LoudLinks是一个轻量级的JavaScript库用于添加交互声音到您的站点。它通过创建html5音频元素并用它来播放MP3或OGG音频文件来实现这个功能。(约1.5KB)

还是烦请各位打开下面的链接感受一下效果。: )

DEMO:http://loudlinks.rocks/#examples

4 Bricks.js

Bricks.js,是一款超快的用于固定宽度元素的“砖石”布局生成器


10款轻量级开源JavaScript插件和库 快速提升效率

可以在DEMO页面输入所需的砖块个数,查看生成的效果(每次都会随机变化)

DEMO:http://callmecavs.com/bricks.js/

5 MediumEditor

MediumEditor,使用了Vanilla Javascript框架。MediumEditor是一个轻量级的(28KB)仿Medium.com的所见即所得在线编辑器工具栏。还有一个可用的MediumEditor扩展和主题。


10款轻量级开源JavaScript插件和库 快速提升效率

DEMO:https://yabwe.github.io/medium-editor/

6 Philter

Philter可以让你通过使用HTML属性控制CSS滤镜,使用它之后,当你将光标移动到图片上的时候,图片上会加载CSS滤镜。无论是作为jQuery插件还是Vanilla Javascript框架都可用。


10款轻量级开源JavaScript插件和库 快速提升效率

DEMO:http://specro.github.io/Philter/

7 SuperEmbed.js

SuperEmbed.js是一个Javascript库,可检测出网页上的内嵌视频并使他们能够变成响应式元素(压缩后约1.6KB)

DEMO:https://jsfiddle.net/h6x04LuL/

8 Substance

Substance是一个基于Web的内容编辑JavaScript库。它给你提供所有你需要用于创建自定义编辑器和基于Web的发布系统的工具。


10款轻量级开源JavaScript插件和库 快速提升效率

DEMO:http://substance.io/

9 List.js

List.js是一个轻量级的和快速的Vanilla JavaScript框架脚本,为列表、表格或其他任何HTMLL标签增加了搜索,排序,过滤器和灵活性等元素


10款轻量级开源JavaScript插件和库 快速提升效率

DEMO:http://www.listjs.com/

10 jqGifPreview

jqGifPreview是一个简单的jQuery插件,用于创建GIF预览,就像你在Facebook上看到的。


10款轻量级开源JavaScript插件和库 快速提升效率
10款轻量级开源JavaScript插件和库 快速提升效率

DEMO:http://demo.sodhanalibrary.com/angular/gif_preview/jqGifPreview/demo.html

|dw教程|js教程|淘宝案例|软件下载|搜狐案例|网站模板

|上课素材|前端特效|华润万家案例|最新dw案例|

本文前端(javascript)相关术语:javascript是什么意思 javascript下载 javascript权威指南 javascript基础教程 javascript 正则表达式 javascript设计模式 javascript高级程序设计 精通javascript javascript教程

分页:12
转载请注明
本文标题:10款轻量级开源JavaScript插件和库 快速提升效率
本站链接:http://www.codesec.net/view/480693.html
分享请点击:


1.凡CodeSecTeam转载的文章,均出自其它媒体或其他官网介绍,目的在于传递更多的信息,并不代表本站赞同其观点和其真实性负责;
2.转载的文章仅代表原创作者观点,与本站无关。其原创性以及文中陈述文字和内容未经本站证实,本站对该文以及其中全部或者部分内容、文字的真实性、完整性、及时性,不作出任何保证或承若;
3.如本站转载稿涉及版权等问题,请作者及时联系本站,我们会及时处理。
登录后可拥有收藏文章、关注作者等权限...
技术大类 技术大类 | 前端(javascript) | 评论(0) | 阅读(32)