js工具與開發庫
阿新 • • 發佈：2019-01-02
在這篇文章中，我不會與大家談論大型的前端框架，如 React、Angular、Vue 等，也沒有涉及那些流行的程式碼編輯器，如 Atom、VS Code、Sublime，我只想與大家分享一個有助於提升開發人員效率的工具列表合集。
或許，一些朋友已經對文中的一些工具有所瞭解，但如果你發現了一些對你有幫助的新工具，那麼，我將倍感欣慰。
由於這個列表中包含了不同類別的資源，為了便於大家檢視，我已將其進行了重新的分類，來 Enjoy 吧！
JavaScript 庫
- Particles.js - 一個用於在網頁上建立漂亮的浮動粒子的 JS 庫；
- Three.js - 用於在網頁上建立 3D 物體與空間的 JS 庫；
- Chart.js- 純 JS 製作漂亮的圖表；
- Instantclick- 滑鼠懸停預先載入頁面資源，大大加速你的網站響應速度；
- Motio- 基於 sprite 的動畫和平移庫；
- Animstion- 頁面切換動畫的 jQuery 外掛；
- Barba.js- 建立頁面間流暢平滑的過渡效果；
- Vivus.js- 可以執行 SVG 路徑動畫的輕量級 JS 庫；
- Wow.js- 頁面滾動時展現動畫效果；
- Scrolline.js- 頁面滾動時顯示滾動進度的 jQuery 外掛；
- Velocity.js- 用於加速 JavaScript 動畫；
- One page scroll- 實現蘋果風格單頁滾動效果的 jQuery 外掛；
- Parallax.js- 輕量級的視差引擎，能夠對智慧裝置的方向作出反應；
- Bounce.js- 快速建立漂亮的 CSS3 動畫效果；
- Multiscroll.js- 建立兩列垂直反向滾動效果的 jQuery 外掛；
- Anime.js- JavaScript 動畫引擎；
- Keycode- 獲取鍵盤按鍵的 JS 鍵碼值；
- Sortable- 用於拖拽排序的 JavaScript 庫；
- Flexdatalist- 支援
<datalist>的 jQuery 自動完成外掛； - Slideout.js- 實現滑出式 Web App 導航選單；
- Jquerymy- 實時、複雜的雙向資料繫結 jQuery 外掛；
- Cleave.js- 自動格式化表單輸入框的文字內容；
- Page- 構建單頁應用的小型客戶端路由庫；
- Selectize.js- 基於 jQuery 的
<select>UI 控制元件，用於建立tag標籤輸入框和 select 下拉框； - Nice select- 建立漂亮下拉框的 jQuery 外掛；
- Tether- 使用絕對定位建立兩個互相相關元素的 JS 庫；
- Select2- 基於 jQuery 的替代選擇框；
- IziToast- 輕量的跨瀏覽器響應式訊息通知外掛；
- IziModal- 炫酷的 jQuery 模態視窗外掛。
CSS 庫與設計資源
有用的產品/連結
- <head> Cheatsheet- 可以寫入到
<head>標籤的內容清單；（譯者注：中文翻譯版地址） - Ghost- 基於 Node.js 的簡易部落格平臺；
- What runs- 用於網站技術分析的 Chrome 外掛；
以上就是我個人常用的一些前端工具、框架、庫的列表，希望對大家有所幫助。如果你也願意分享一些新的發現，可以在推特上隨時聯絡我。
感謝你的閱讀。若你有所收穫，歡迎點贊與分享。