桌面開發

Waypoints。js：滾動到一個元素時候觸發事件。

gitalk：新增評論系統。

electron：可以透過開發網頁的形式開發桌面應用，VSCode就是用這個專案開發的。

electron-react-boilerplate：使用react模板建立electron桌面專案。

electron-vue：使用vue模板建立electron桌面專案，缺點是該專案很久沒有更新，依賴的electron的版本還在

2。x

。

nw。js：（原名 node-webkit）是一個基於

Chromium

和

node。js

的應用執行時，透過它可以用 HTML 和 JavaScript 編寫原生應用程式。它還允許您從 DOM 呼叫Nodejs的模組 ，實現了一個用所有 Web 技術來寫原生應用程式的新的開發模式。

meteor：Meteor或MeteorJS是使用Node。js編寫的免費和開源的同構JavaScript Web框架。Meteor允許快速進行原型設計並生成跨平臺程式碼。它與MongoDB整合在一起，並使用分散式資料協議和釋出-訂閱模式將資料更改自動傳播到客戶端，而無需開發人員編寫任何同步程式碼。

頁面佈局

glide：輪播圖。

lib-flexible：自適應佈局rem檔案，如果需要使用到自適應，推薦直接引用該檔案然後使用rem代替px，不過隨著vw，vh得到越來越多的瀏覽器支援，現在推薦使用vw作為自適應單位。

viewerjs：圖片檢視器，附加了很多檢視圖片時需要用到的功能和選項，如果自己手寫可能要花很久，而透過這個庫就可以很快的實現圖片檢視器。

vue-grid-layout：是一個類似於Gridster的柵格佈局系統，適用於Vue。js。

vue-waterfall-easy：一個vue元件，包含瀑布流佈局和無限滾動載入。

vue-virtual-collection：vue瀑布流。

vue-waterfall：還是vue瀑布流。

實用工具

refined-github：一款 GitHub 的瀏覽器外掛，支援 Chrome和Firefox。這款外掛給 GitHub 增加了非常多強大的功能，比如一鍵合併衝突修復。

Highlight。js：頁面內容的語法高亮。

bignumber。js：JavaScript因為存在計算的精度問題，比如

0。1+0。2！=0。3

，bignumber。js是一個用於任意精度計算的js庫，經常操作金額計算的朋友不容錯過。

moment：Moment。js是一個輕量級的JavaScript時間庫，它方便了日常開發中對時間的操作，提高了開發效率，提供了獲取時間、設定時間、格式化時間、比較時間等功能，並且提供多地區、語言支援。

lodash：lodash是一個一致性、模組化、高效能的JavaScript實用工具庫，不需要引入其他第三方依賴，定義了非常多實用且高效能的方法，不限於運算元組、集合 、日期、函式、物件、數學，而且可以統一方法的一致性。Lodash使用了一個簡單的

_

符號作為所有方法的字首。

underscore：underscore和lodash類似，Underscore是一個JavaScript實用庫，提供了一整套函數語言程式設計的實用功能，但是沒有擴充套件任何JavaScript內建物件。Underscore提供了100多個函式，包括常用的：

map

，

filter

，

invoke

，當然還有更多專業的輔助函式，如：函式繫結， JavaScript模板功能，建立快速索引， 強型別相等測試， 等等。

ramda：和lodash、underscore 類似，ramda是一個函數語言程式設計風格的JavaScript工具包，同樣提供了非常多的有用的方法。

outils：outils是一個前端業務程式碼工具庫，提供了日期格式化、url引數轉物件、瀏覽器型別判斷、節流函式等常用函式，文件更為本土化，能解決你很多實際開發中經常遇到的需求。（實際功能和lodash，moment有所衝突，而後兩者人氣太高了。）

js-cookie：js-cookie是一個簡單的，輕量級的處理cookie的工具，有了它，操作cookie將變得非常簡單。

tough-cookie：操作cookie。

basket。js：basket。js是一個檔案快取外掛，使用本地儲存

localStorage

快取

JavaScript

檔案，第一次訪問頁面過後會將靜態檔案快取到本地，下次開啟直接讀取本地。

sheetjs：前端操作Excel以及類似的二維表的最佳選擇之一（體驗還是很好滴，配合js的爬蟲將爬取的資料儲存為excal）。

validator。js：validator。js是一個對字串進行資料驗證和過濾的工具庫，同時支援Node端和瀏覽器端，用來做表單驗證和資料比較最好不過。

chroma。js：顏色轉換外掛。

cheerio：簡易版的jQuery（可以用在js爬蟲）。

ws：展示爬取過程。

request：讓Node。js http請求變得超簡單，（現在可以使用axios）。

bluebird：Promise庫。

puppeteer：谷歌官方出品的一個透過DevTools協議控制headless Chrome的Node庫。可以透過Puppeteer的提供的api直接控制Chrome模擬大部分使用者操作來進行UI Test或者作為爬蟲訪問頁面來收集資料。

圖示資源

測試用的圖片。

服務開發

express：Nodejs開發服務端最主流的框架之一。

koa：Nodejs開發服務端最主流的框架之一，雖然在使用率上遠低於express，但據說體驗和效能高於express。

async：非同步和併發控制庫。

過渡動畫

SpinKit：純 CSS 實現載入動畫的專案。

Typed。js：打字機效果，可以非常簡單的在介面上展示打字機。

smooth-scroll：頁面中的平滑滾動，讓透過錨點進行跳轉到頁面某一位置顯得更加平滑。

scrollreveal：滑動到某一個元素透過動畫展示。

masonry：頁面瀑布流，可以參考HTML中的瀑布流masonry在Vue中應用。

最後

本篇文章會不定時的在：前端開發過程中，好的開源專案和第三方庫整理中持續更新。