推薦幾個不錯的外掛吧！

JavaScript是一種強大而動態的語言，是ECMAScript語言規範中已經標準化的最強大的解釋型語言之一，它與HTML、CSS一道被稱為web開發的三大核心技術。即便JavaScript很火，也不是每個人都能熟練掌握JavaScript外掛，本文介紹了2017年頂尖的幾大外掛，看看有你常用的嗎？

Lory

Lory是觸控式照片滑塊的頂級外掛之一。與其他可用外掛不同，它不使用lightbox效果。相反，此外掛可嵌入幻燈片，固定或可變寬度，並可固定到任何容器元素中。

使用此外掛非常簡單，程式設計師可使用JavaScript自定義滑動選項。此外，該外掛的GitHub頁面有巨大的原始碼示例和Demo演示，程式設計師可嘗試看看是否符合要求。

Tingle

Tingle是一個廣泛使用的外掛，它使用基本的CSS轉換和一個完全乾淨的JS選項API進行定製，將模型視窗提升到了一個新的水平。

Jump.js

許多程式設計師知道如何編寫超連結，這有助於使用者跳轉頁面。但是，有多少程式設計師想自己編寫平滑的滾動庫呢？答案是否定的。

Jump.js是一個有價值的外掛，使用該外掛，只需將函式新增呼叫到任何需要平滑滾動的連結，幾分鐘之內就可以搞定，基本上無需任何維護。

Plyr

通常，我不建議使用外部的影片播放器。然而，Plyr是一個驚人的外掛。這個播放器就像一個帶有隱藏字幕的高階介面，播放/暫停和全屏模式都有快捷鍵。

此外，程式設計師可以嵌入YouTube / Vimeo的原生HTML5影片或外部影片。它還帶有一個自定義音訊播放器，可以達到類似的效果而不需要影片窗格。毫無疑問，它是一款執行在HTML5和vanilla JS上的影片/音訊媒體播放器，它是完全免費和容易定製的。

Dropzone

baguetteBox.js

baguetteBox.js是最先進的外掛，可用於開發具有無限數量圖片的可重用lightbox效果。該外掛支援移動使用者的所有觸控/滑動手勢，它完全可響應。

它甚至支援一些額外的功能，包括CSS3過渡效果、影象標題等。此外，這個外掛無依賴關係並且開放原始碼，非常推薦程式設計師使用。

Headroom.js

庫的話推薦JQuery,Bootstrap

這兩個那麼火，那麼經久不衰是有原因的，非常適合新手。也能滿足大多業務場景的需求。對學習CSS和操作DOM有很好的幫助。

框架是很熱門的三足鼎立的Angular2，React，Vue。

前兩者一個是Google出品，一個是Facebook出品，都是全球頂級的網際網路企業，開發和維護的團隊實力毋庸置疑。

相對來說，angular2採用typeScript編寫，有效強化了JS弱型別語言的不足，擁有很棒的CLI命令列，集成了方便快捷的構建工具庫，給開發帶來了極大的便利。（據說ts是以後的趨勢？手動滑稽）它適合業務需求複雜，資料處理繁多的場景。目前我所在的公司就在用它。但是它不適合新手，學習成本高。

React用的不多，就不過多評判。

Vue輕量小，適合比較小的業務場景。學習成本低，適合新手。但是它需要自己構建腳手架的設定可能讓你一臉懵逼。畢竟輕量級，按照官方文件還是很容易搭建開發環境的。

我一直覺得讀不懂官方API的是不是該考慮換行了？

自動構建工具推薦Webpack，Grunt，Gulp

構建工具，顧名思義就是自己幫你打包，壓縮，測試等，直接命令列執行。

壓縮混淆工具：Uglify，Yui，GCC

不要上來就學框架或者庫，搞明白js，html5,css。自己開發先要明白需求，自己能實現就自己做。非要用的話，jquery已經足夠用了。框架，庫，都是三天熱度，永遠學不完的。之所以這些東西這麼多，就是因為像我這樣的人太多，覺得哪個框架都不夠好用，還是自己做的靠得住。

事實上也是這樣的，簡單好用的框架，定製起來一定很麻煩。而功能強大，萬能型的框架，一定非常複雜，學起來費時間。最悲哀的是，你終於弄懂了別人的框架時，那東西已經過時了。最終時間全浪費了，你還是什麼也不會。

人生有限，練好三劍。時間不夠，還靠雙手。