Vue.js
Vue.js 是一個免費且緊湊的開源庫，可快速建構使用者界面（尤其是單頁 Web 應用程式）。尤雨溪于 2014 年開發 Vue.js，在 2019 年前端架構排名中獲得第 2 名，2020年09月18日 Vue.js 3.0 正式釋出，主推微軟 TypeScript 語言程式設計。
Vue 中文學習資料和視訊教程都非常齊全，在國内是第一人氣前端架構。阿裡巴巴和GiteLab都在使用Vue
React
React 是一款開源 JavaScript 庫，用于建構 Web 界面。其特點是輕量級，獨立，可重用建立前端UI代碼。目前由 Facebook 維護和開發React，是以你不必擔心React的安全性。 Facebook、Twitter、Netflix、WhatsApp 等大公司都在使用React。
AngularJS
AngularJS 與 React 和 Vue 兩個架構差不多，可輕松建構網頁和移動應用程式。受到谷歌、福布斯、IBM、微軟等衆多大公司的青睐。
jQuery
jQuery 是一款輕量化、免費、開源的庫，也是最早的前端庫之一，為開發提供了許多功能，例如 AJAX、操作 DOM（CSS、HTML）、處理事件、動畫效果等。
Lodash
Lodash 可輕松處理 JavaScript 中與數組、字元串、數字、對象相關的問題。
Anime.js
Anime.js 是一個處理動畫的庫，利用 CSS 屬性、SVG、DOM 屬性、JavaScript 對象等，可快速建構動畫。
AOS
AOS 可在使用者滾動網頁時為網站元素建立動畫效果。
Popper
Popper 庫隻有3kB 左右大小，有了它可以提高網站速度，常和時下流行的 Bootstrap、Foundation、Material-UI等合并使用。
Owl Carousel 2
Owl Carousel 2 是一個開源庫，可輕松實作輪播效果。Owl Carousel 2擁有超過 60 種不同類型的輪播樣式，具有自動播放功能、視訊可用性、自定義運動效果等設定。
D3.js
D3.js 利用 SVG、Canvas、HTML 進行資料可視化和渲染。每周 通過 npm 下載下傳都會超過 100 萬次以上。但其缺點是，初學者上手有難度，也不支援IE8 等較舊的浏覽器。
DarkModeJS
DarkModeJS 是實作夜間模式的庫。可建立CSS樣式檔案，然後由使用者切換到所需模式。
eChart.js
資料可視化的圖表庫。
SweetAlert
SweetAlert 是一款高效且美觀的網站通知庫。
Highlight.js
Highlight.js 是一款突出顯示文字的庫，其優勢是，獨立于任何架構；能夠自動檢測您網站上的語言；支援超過 189 種流行的程式設計語言；提供了 94 種以上的樣式。
VideoJS
VideoJS 是基于 HTML5 視訊平台建構的視訊播放器，支援多種格式，例如 YouTube 和 Vimeo 流媒體。其開發于 2010 年左右。其優點：設計美觀，多種樣式主題，可在電腦和手機上運作。
Moment.js
利用 Moment.js 處理日期和時間變得容易。
PixiJS
利用最快速、最靈活的 2D WebGL 渲染器建構的數字内容。
Webpack
Webpack 靜态子產品打包工具。
fullPage.js
fullPage.js 可為網站建立全屏滾動。
Howler.js
Howler.js 隻有 7KB 大小，可處理網頁音頻。通過 API 和 HTML5 Audio 的結合，可運作在許多平台和網絡浏覽器上，包括 IE9 和 Cordova。Howler.js 的優點：支援衆多的檔案類型，如 MP3、MPEG、OPUS、OGG、OGA、WAV、AAC、CAF、M4A 等，其自動緩存有助于提高網站的性能以及伺服器的帶寬。
Masonry
可建立複雜的網格布局。
Screenfull
Screenfull 有助于将元素或網頁轉換為全屏模式。
particles.js
Particles.js 可為網站建立和優化漂亮的背景。
Leaflet
Leaflet 用于與移動裝置上的地圖進行互動。
SortableJS
SortableJS 可為 HTML5 添加拖放功能。
Clipboard.js
Clipboard.js 可以快速将網頁内容複制到剪貼闆。
Underscore.js
Underscore.js 提供了 100 多個函數，支援您最喜歡的日常功能助手：map、filter、invoke等。
Cleave.js
input當使用者輸入資訊時，Cleave 可以很容易地重新格式化元素。
Share
Share庫可輕松實作分享功能。
Chardin.js
Chardin.js 庫可在網頁上顯示元件的說明。
Flip
Flip 可輕松地建立翻轉效果的計數器。
Image Compare Viewer
Image Compare Viewer 可實作在網頁上比較兩個圖像的功能。
Notyf
Notyf 僅有3KB大小，用于建立 Toast 通知。易于與流行的 JS 架構（如 React、Angular、Aurelia、Vue 和 Svelte）一起使用。
Dinero.js
Dinero.js 提供與貨币相關的功能。
SimpleParallax.js
SimpleParallax.js 用于建立簡單易行的視差效果。
Duet Date Picker
Duet Date Picker 是由 Duet Design Systems 開發的開源代碼。實作日期選擇器元件的功能。
Print.js
Print.js 是一款列印庫，其支援多種格式的列印，例如 PDF、HTML（例如表單）、圖像、JSON 等。此外，可以大多數流行的浏覽器上運作，例如 Chrome、Firefox、Safari、Edge 和 Opera。
Mathjs
Mathjs 是一款開源數學庫，在 Github 上為 JavaScript 和 Node.js 擁有超過 10.5 萬顆星。其可靈活計算和處理許多不同的資料類型，例如數字、大數、複數、分數、機關和矩陣等。
PROGRESSBAR
PROGRESSBAR 是一款進度條的庫。
Quill
Quill 一款強大的富文本編輯器。
VALIDATE.JS
VALIDATE.JS 提供驗證功能的庫。
Mocha
Mocha 是一款功能豐富的 JavaScript 測試架構。
最後
希望這篇文章能為那些前端開發的工程師帶來幫助。
不要忘了關注我的頻道，祝大家好運！