终极JavaScript插件备忘单

JavaScript是一种功能强大且动态的语言，但并不是每个人都能始终记住所有内容。即使是最好的，也需要不时检查一下它们的引用。在本文中，Sohel Ather回顾了JavaScript备忘单的基础知识，该备忘单对于初学者和专家都是有用的。此外，还有2017年一些最好的JavaScript插件！

JavaScript是ECMAScript语言规范中已标准化的最强大，最动态的解释语言。与HTML和CSS一起，它被视为Internet内容生产的三项核心技术之一。

如今，大多数网站都使用JavaScript，并且所有现代的网络浏览器都支持JavaScript，而无需任何插件。此外，这种高端语言是基于原型的，具有一流的功能，这些功能使JavaScript成为一种多程序语言，支持面向对象，命令式和函数式编程样式。JavaScript支持多种编程风格，例如面向对象，命令式和函数式。

什么是正则表达式？

正则表达式是一种模式，主要用于匹配字符串中的字符组合。在JavaScript中，它们也是与RegExp的exec和test方法以及String的match，replace，search和split方法一起使用的对象。

JavaScript正则表达式（后缀）

g               全球

i                不区分大小写

ŝ                单行

m              多行

正则表达式（掩码）

^                字符串的开头

$                字符串结尾

（...）         分组

！（）        但是这个组

。               任何字符

（x | y）      x或y

[xyz]            在xy或z之间

[^ xyz]         除了xy或z以外的任何

a?                 持有一次

a +               至少一次

a*zero          或几次

a {5}             五次

a {5，}          至少a的五倍

a {1，4}        a 1至4次

正则表达式（量词）

n +           匹配任何包含至少一个n的字符串

n *            匹配包含零个或多个n的任何字符串

n？           匹配任何为零或出现n的字符串

n {X}         匹配任何包含X n的序列的字符串

n {X，Y}    将包含X序列的任何字符串匹配到Y n

n {X，}      匹配包含至少X n个序列的任何字符串

n $            匹配任何以n结尾的字符串

^ n            匹配任何以n开头的字符串

？= n         匹配后跟特定字符串n的任何字符串

？！n         匹配没有特定字符串n的任何字符串

2017顶级JavaScript插件

备忘单都很好，但是有时候您只需要一个或两个插件即可改善JavaScript体验。2017年快过去了一半; 让我们看一下到目前为止影响生态系统的一些顶级插件。

Lory

The Lory是具有触摸功能的照片滑块的顶级插件之一。与其他可用插件不同，它不使用灯箱效果。而是，此插件使您可以嵌入带有幻灯片数量（固定宽度或可变宽度）的幻灯片，并将其固定到任何容器元素中。

使用此工具非常容易，因此您可以使用JavaScript自定义滑动选项。此外，该插件的GitHub页面包含大量源代码示例和实时演示，您可以尝试查看它是否适合您的下一个项目。

Tingle

如今，从电子邮件捕获到界面通知，模态窗口无处不在。Tingle是一个广泛使用的插件，它通过基本的CSS过渡和用于定制的完全干净的JS选项API将模态窗口提高到一个新的水平。

您可以在他们的站点上观看具有不同功能的现场演示，包括按钮和嵌入式视频。此外，您可以应用自定义CSS类，附加内部内容，甚至可以使用JavaScript选项开发回调函数。在模式打开和关闭后，它还将帮助您开发回调函数。

Jump.js

许多开发人员都知道如何编写超链接的代码，从而可以帮助用户在页面上跳转。但是，有多少开发人员想要编写自己的平滑滚动库？这个问题的答案是没有。Jump.js是一个有价值的插件。

要使用此插件，只需删除它，然后将函数调用添加到任何需要平滑滚动的链接即可。数分钟之内，您将几乎没有任何维护的时间就可以启动和运行。

Plyr

通常，我不建议使用外部视频播放器。但是，Plyr是出色的插件之一。此默认播放器感觉像是带隐藏式字幕的高级界面，播放/暂停媒体的空格键快捷键以及全屏模式。

此外，您可以嵌入本地HTML5视频或YouTube / Vimeo的外部视频。它还带有一个自定义音频播放器，可在没有视频窗格的情况下提供类似的视觉效果。毫无疑问，它是在HTML5和Vanilla JS上运行的出色且广泛使用的视频/音频媒体播放器。它是完全免费的，并且轻松进行定制。

Dropzone

DropZone是完全免费的拖放JavaScript库，可用于在网络上上传任何内容。通常，拖放是上传表单中的常见行为，而拖放是一种非常流行的功能，很难从头开始开发。

但是Dropzone就是一个这样的插件，里面充满了文档。您可以在Dropzone官方网站上找到更多信息和现场演示。它非常适合开箱即用，几乎不需要定制。您可以使用自己的JS代码扩展该库，从而使该插件不仅仅是一个插件。

baguetteBox.js

baguetteBox.js是最高级的插件，可用于开发可重复使用的灯箱效果，其中包含无限数量的图片。该插件支持移动用户的所有触摸/滑动手势，并且完全响应。

它甚至还支持某些额外功能，包括CSS3过渡效果，图像标题等。此外，此插件是无依赖项和开放源代码，因此强烈建议将其与之配套使用。

Headroom.js

使用Headroom插件，您可以定位网站的导航栏并自动隐藏一些要点。每当用户向上滚动页面时，该插件还将使导航栏重新出现。

它因其轻便的高性能JS小部件而广受欢迎，它使您能够对用户的滚动做出反应。而且，此网站上的标题是一个实时示例，因为它在向下滚动时会滑出视图并向后滑动。

结论

关于JavaScript的最好的事情之一就是社区。没有世界各地开发人员的帮助和知识，这些备忘单和插件是不可能的。JavaScript的社区使您可以一起创建和构建，无论您是刚开始还是已经从事多年业务。

借助这些备忘单和插件，可以轻松而轻松地进行工作，以节省时间和金钱。无论如何，如果问题被证明是无法克服的，总会寻求专业人士的帮助。无论哪种方式，祝您好运和良好的编码！