對使用過、和未來可能使用到的技術記錄
望各位廣大的技友們多多提交你們用過的 js 庫，可能會幫助到我解決問題，項目開發時，就能使用你推薦的庫來快速開發解決問題！再次感謝，無論什麼庫都行。
如果對您有用，歡迎也提供你的小覺得不錯的庫
歡迎：https://github.com/yeyuguo/awesomejs.git
前端 - broswer端
UI
UI框架
UI | UI框架
| 名稱 | 描述 |
|---|---|
| react | 框架 - 純 UI 容器組件框架，mvvm 的框架 |
| react-native - 移動端 - 未使用 | 框架 -和 react 同接口，使用js開發跨終端的 native 開發，類似 AST 來實現的 |
| ant - PC端 | UI+框架 - 針對中後端，在 react 基礎上二次封裝的成熟UI組件庫 |
| ant-mobile - 移動端 | UI+框架 - 針對移動端，接口和組件接口類似 ant |
| vue | 框架 - 簡潔使用的 純 UI 容器組件的框架，mvvm |
| backbone | 框架 - mvc 的框架 |
| knockout | 框架 - mvvm框架 |
樣式
UI | css樣式庫
| 名稱 | 描述 |
|---|---|
| bootstrap | css樣式 - css 框架 |
圖表
UI | UI 圖表
| 名稱 | 描述 |
|---|---|
| echart | UI 圖表 - canvas 繪製的圖表，接口簡潔易用 |
| highchart | UI 圖表 - svg 繪製的圖表，接口簡潔易用 |
動畫
UI | UI動畫
| 名稱 | 描述 |
|---|---|
| swal | 動畫 - 彈窗 |
| animate.css | 動畫 - 動畫css |
| css-doodle | 動畫 - 使用函數式編寫 css 動畫 |
數據
框架
數據 | 數據管理
| 名稱 | 描述 |
|---|---|
| vuex - 未使用 | 數據管理 - vue 大型項目管理數據 |
| pubsub-js | 數據管理 - 輕量簡單的發佈訂閱 |
| Rxjs | 數據管理 - 發佈訂閱的數據框架 |
| redux | 數據管理 - 前端數據管理的框架,可插拔式的使用 |
| react-redux | 數據管理 - react 結合 redux,簡化 redux 的使用,核心還是 redux |
| redux-thunk | 數據管理 - 解決 redux 的異步副作用 |
| redux-saga | 數據管理 - 使用 general 方式簡化 redux 業務複雜副作用（異步）,能處理比redux-thunk 更復雜的業務功能，相應接口也比較多 |
| dva | 數據管理 - 針對 antd 框架，在 roadhog 基礎上，結合 redux、react-saga的實踐應用的腳手架，缺點，依賴redux、redux-saga |
請求
數據 | 數據請求 & 節點操作
| 名稱 | 描述 |
|---|---|
| ajax | 數據請求 & 節點操作 - 專門用於請求數據管理的，最大的作用是對 dom 進行處理 |
| zepto | 數據請求 & 節點操作 - 針對移動端，輕量化的 ajax 庫 |
| graphql | 數據請求 - 根據查詢條件請求接口自定義返回數據結構 |
| reqwest | 數據請求 - 可以在node 和 前端都能 ajax 請求數據 |
| catta | 數據請求 - 一個輕量級請求工具，支持 fetch,jsonp,ajax |
| axios | 數據請求 - node端、brower端都良好支持的請求數據 |
模擬
數據 | 數據模擬
| 名稱 | 描述 |
|---|---|
| easy-mock | 數據模擬 - web網站，開發階段，模擬數據接口 |
| jquery-mockjax | 數據模擬 - 對ajax 請求進行攔截，模擬返回的數據 |
| mock | 數據模擬 - 模擬假數據，專業造假 |
處理
數據 | 數據處理
| 名稱 | 描述 |
|---|---|
| lodash | 數據處理 - js 端對數據進行處理 |
| underscore | 數據處理 - js 端對數據進行處理 |
| moment | 時間 - 時間插件庫 |
工具
腳手架
工具 | 腳手架
| 名稱 | 描述 |
|---|---|
| webpack | 腳手架 - 能做任何事，編譯源代碼，提高開發體驗，插件化擴展 |
| rollup - 未使用 | 腳手架 - 類 webpack，默認已經有很多功能自帶了，不用像 webpack 需要額外添加 |
| grunt | 腳手架 - 多用於應用開發工具類軟件 |
| babel | 工具類 - 轉譯JS代碼，核心利用 AST 轉義 js 代碼，配置、插件化擴展 |
| roadhog | 腳手架 - 在create-react-app 基礎上，加上了熱替換，按需加載，代理等，和ant緊密結合 |
| create-react-app | 腳手架 - 快速創建一個初始化的項目，結合 webpack 與 react |
軟件
工具 | 工具類
| 名稱 | 描述 |
|---|---|
| fontCreator - 軟件 | 工具類 - 把圖片轉成字體圖標，矢量圖 |
| SVGDeveloper - 軟件 | 工具類 - 軟件繪畫 svg 圖案 |
地圖
地圖應用層
工具 | 腳手架、工具類
| 名稱 | 描述 |
|---|---|
| leaflet | 地圖 - 輕量級-PC、mobile 端都能適應的開源庫 |
| openstreetmap | 地圖 - 類似 leaflet 一樣的地圖層； |
node端
建站
server服務
建站 | 服務 server 框架
| 名稱 | 描述 |
|---|---|
| express | server - node 端服務 |
| koa | server - express原作者，利用 es6 general 功能，使用 cojs，彌補js和express 的回調黑洞 |
命令行工具
建站 | 命令行工具、日誌、配置
| 名稱 | 描述 |
|---|---|
| commander | 命令行工具 - node 命令行獲取參數 |
| pm2 | 命令行工具 - node 管理服務器項目啓動的進程 |
| nodemon | 命令行工具 - 代替 node 熱替換啓動服務 |
| config | 配置 - 管理配置選項 |
| log4js | 日誌 - 管理日誌記錄 |
node 數據
處理
數據 | node 數據處理
| 名稱 | 描述 |
|---|---|
| compressjs | 工具 - 壓縮資源中間件，傳遞壓縮資源到前端後再解壓 |
| puppeteer | 數據抓取 - 操作 chrome 請求頁面，獲取各種參數 |
| express-http-proxy | 數據代理 - express 中間件：代理數據請求 |
node 數據庫
數據 | 數據庫
| 名稱 | 描述 |
|---|---|
| mongoose | 數據庫 - mongodb 的數據庫 |