JavaScript是一種功能強(qiáng)大且動態(tài)的語言，但并不是每個人都能始終記住所有內(nèi)容。即使是最好的，也需要不時檢查一下它們的引用。在本文中，Sohel Ather回顧了JavaScript備忘單的基礎(chǔ)知識，該備忘單對于初學(xué)者和專家都是有用的。此外，還有2017年一些最好的JavaScript插件！

JavaScript是ECMAScript語言規(guī)范中已標(biāo)準(zhǔn)化的最強(qiáng)大，最動態(tài)的解釋語言。與HTML和CSS一起，它被視為Internet內(nèi)容生產(chǎn)的三項(xiàng)核心技術(shù)之一。

如今，大多數(shù)網(wǎng)站都使用JavaScript，并且所有現(xiàn)代的網(wǎng)絡(luò)瀏覽器都支持JavaScript，而無需任何插件。此外，這種高端語言是基于原型的，具有一流的功能，這些功能使JavaScript成為一種多程序語言，支持面向?qū)ο螅钍胶秃瘮?shù)式編程樣式。JavaScript支持多種編程風(fēng)格，例如面向?qū)ο?，命令式和函?shù)式。

什么是正則表達(dá)式？

正則表達(dá)式是一種模式，主要用于匹配字符串中的字符組合。在JavaScript中，它們也是與RegExp的exec和test方法以及String的match，replace，search和split方法一起使用的對象。

JavaScript正則表達(dá)式（后綴）

g               全球

i                不區(qū)分大小寫

?                單行

m              多行

正則表達(dá)式（掩碼）

^                字符串的開頭

$                字符串結(jié)尾

（...）         分組

?。ǎ?nbsp;       但是這個組

。               任何字符

（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次

正則表達(dá)式（量詞）

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

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

n？           匹配任何為零或出現(xiàn)n的字符串

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

n {X，Y}    將包含X序列的任何字符串匹配到Y(jié) n

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

n $            匹配任何以n結(jié)尾的字符串

^ n            匹配任何以n開頭的字符串

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

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

2017頂級JavaScript插件

備忘單都很好，但是有時候您只需要一個或兩個插件即可改善JavaScript體驗(yàn)。2017年快過去了一半; 讓我們看一下到目前為止影響生態(tài)系統(tǒng)的一些頂級插件。

Lory

The Lory是具有觸摸功能的照片滑塊的頂級插件之一。與其他可用插件不同，它不使用燈箱效果。而是，此插件使您可以嵌入帶有幻燈片數(shù)量（固定寬度或可變寬度）的幻燈片，并將其固定到任何容器元素中。

使用此工具非常容易，因此您可以使用JavaScript自定義滑動選項(xiàng)。此外，該插件的GitHub頁面包含大量源代碼示例和實(shí)時演示，您可以嘗試查看它是否適合您的下一個項(xiàng)目。

Tingle

如今，從電子郵件捕獲到界面通知，模態(tài)窗口無處不在。Tingle是一個廣泛使用的插件，它通過基本的CSS過渡和用于定制的完全干凈的JS選項(xiàng)API將模態(tài)窗口提高到一個新的水平。

您可以在他們的站點(diǎn)上觀看具有不同功能的現(xiàn)場演示，包括按鈕和嵌入式視頻。此外，您可以應(yīng)用自定義CSS類，附加內(nèi)部內(nèi)容，甚至可以使用JavaScript選項(xiàng)開發(fā)回調(diào)函數(shù)。在模式打開和關(guān)閉后，它還將幫助您開發(fā)回調(diào)函數(shù)。

Jump.js

許多開發(fā)人員都知道如何編寫超鏈接的代碼，從而可以幫助用戶在頁面上跳轉(zhuǎn)。但是，有多少開發(fā)人員想要編寫自己的平滑滾動庫？這個問題的答案是沒有。Jump.js是一個有價值的插件。

要使用此插件，只需刪除它，然后將函數(shù)調(diào)用添加到任何需要平滑滾動的鏈接即可。數(shù)分鐘之內(nèi)，您將幾乎沒有任何維護(hù)的時間就可以啟動和運(yùn)行。

Plyr

通常，我不建議使用外部視頻播放器。但是，Plyr是出色的插件之一。此默認(rèn)播放器感覺像是帶隱藏式字幕的高級界面，播放/暫停媒體的空格鍵快捷鍵以及全屏模式。

此外，您可以嵌入本地HTML5視頻或YouTube / Vimeo的外部視頻。它還帶有一個自定義音頻播放器，可在沒有視頻窗格的情況下提供類似的視覺效果。毫無疑問，它是在HTML5和Vanilla JS上運(yùn)行的出色且廣泛使用的視頻/音頻媒體播放器。它是完全免費(fèi)的，并且輕松進(jìn)行定制。

Dropzone

DropZone是完全免費(fèi)的拖放JavaScript庫，可用于在網(wǎng)絡(luò)上上傳任何內(nèi)容。通常，拖放是上傳表單中的常見行為，而拖放是一種非常流行的功能，很難從頭開始開發(fā)。

但是Dropzone就是一個這樣的插件，里面充滿了文檔。您可以在Dropzone官方網(wǎng)站上找到更多信息和現(xiàn)場演示。它非常適合開箱即用，幾乎不需要定制。您可以使用自己的JS代碼擴(kuò)展該庫，從而使該插件不僅僅是一個插件。

baguetteBox.js

baguetteBox.js是最高級的插件，可用于開發(fā)可重復(fù)使用的燈箱效果，其中包含無限數(shù)量的圖片。該插件支持移動用戶的所有觸摸/滑動手勢，并且完全響應(yīng)。

它甚至還支持某些額外功能，包括CSS3過渡效果，圖像標(biāo)題等。此外，此插件是無依賴項(xiàng)和開放源代碼，因此強(qiáng)烈建議將其與之配套使用。

Headroom.js

使用Headroom插件，您可以定位網(wǎng)站的導(dǎo)航欄并自動隱藏一些要點(diǎn)。每當(dāng)用戶向上滾動頁面時，該插件還將使導(dǎo)航欄重新出現(xiàn)。

它因其輕便的高性能JS小部件而廣受歡迎，它使您能夠?qū)τ脩舻臐L動做出反應(yīng)。而且，此網(wǎng)站上的標(biāo)題是一個實(shí)時示例，因?yàn)樗谙蛳聺L動時會滑出視圖并向后滑動。

結(jié)論

關(guān)于JavaScript的最好的事情之一就是社區(qū)。沒有世界各地開發(fā)人員的幫助和知識，這些備忘單和插件是不可能的。JavaScript的社區(qū)使您可以一起創(chuàng)建和構(gòu)建，無論您是剛開始還是已經(jīng)從事多年業(yè)務(wù)。

借助這些備忘單和插件，可以輕松而輕松地進(jìn)行工作，以節(jié)省時間和金錢。無論如何，如果問題被證明是無法克服的，總會尋求專業(yè)人士的幫助。無論哪種方式，祝您好運(yùn)和良好的編碼！