web 經常使用開發工具

• he把字符轉化爲實體字符
• awesome-vue Vue資源
• clipboard.js 粘貼板
• Share.js 一鍵分享
• nock 模擬異步數據
• Clamp.js 限制文本最大行數
• pinyin 將漢字轉化爲拼音
• pinyinjs 漢字與拼音互轉的小巧web工具庫
• localforage 瀏覽器緩存數據庫
• phaser H5遊戲框架
• fastclick 手機端click無300ms延遲
• Faker 獲取假數據
• bodymovin 將動畫導出爲SVG + JavaScript或canvas + JavaScript
• validator 字符串驗證
• handsontable 電子表格的數據網格編輯器 Excel
• hotkeys 監聽鍵盤按鍵
• vConsole 手機端調試
• Wordnik API 請求定義，例句，拼寫建議，同義詞和反義詞（和其餘相關詞），單詞短語，發音，隨機單詞，當天的單詞等等
• 顏色對比度查詢

ui庫

• ant ui https://ant.design/docs/react/introduce-cn
• react-material-ui https://material-ui.com/getting-started/installation/
• google圖標 https://google.github.io/material-design-icons/
• clippy生成CSS的clip-path屬性值 https://bennettfeely.com/clippy/
• 免費下載 logo https://worldvectorlogo.com/zh
• masonry 建立瀑布流的工具 http://www.bootcdn.cn/masonry/
• typeahead.js 搜索數據展現類容 http://www.bootcdn.cn/typeahead.js/
• dropzone 處理文件拖拽上傳 http://www.bootcdn.cn/dropzone/
• highlight.js 自動高亮頁面中的代碼 http://www.bootcdn.cn/highlight.js/
• dragula.js庫 拖拽 http://www.bootcdn.cn/dragula/
• Sortable 拖拽 http://www.bootcdn.cn/Sortable/
• cssgr學習grid佈局
• CSSgram 使用CSS直接使用相似Instagram的過濾器編輯圖像的庫 https://github.com/una/CSSgram
• iconfinder 圖標網站 https://www.iconfinder.com
• 介紹網站功能 intro.js
• darkmodejs 在幾秒鐘內將暗模式/夜間模式添加到您的網站
• Glider.js 具備分頁控件，方法和事件的快速，輕便，無依賴，響應，可訪問，可擴展的本機滾動列表

富文本編輯器

• wangeditor 富文本編輯器 http://www.wangeditor.com/index.html
• quill 富文本編輯器 http://www.bootcdn.cn/quill/
• pell 富文本編輯器 http://www.bootcdn.cn/pell/
• markdown編輯器 http://www.bootcdn.cn/marked/
• 網頁上的代碼編輯器 http://www.bootcdn.cn/codemirror/

動畫庫

• animejs http://www.bootcdn.cn/animejs/
• parallax 鼠標移動視覺差
• skrollr.js 頁面滾動視覺差庫
• rellax 頁面滾動視覺差庫
• hover.css http://www.bootcdn.cn/hover.css/
• Animate.css
• Headroom.js隱藏您的標題，直到您須要它
  
• hammer.js 移動端旋轉，放大功能 https://github.com/hammerjs/hammer.js
• IScroll 平滑滾動網頁 https://github.com/cubiq/iscroll
• particles.js粒子動畫js庫
  
• scrollReveal.js 進入視口加載動畫 http://www.bootcdn.cn/scrollReveal.js/
• 頁面加載時的進度條 http://www.bootcdn.cn/nprogress/
• pace頁面加載動畫 http://www.bootcdn.cn/pace/
• enter-view.js 檢測元素什麼時候進入視圖
• fullPage.js 全屏插件 http://www.bootcdn.cn/fullPage.js/
• reveal.js 網頁PPT http://www.bootcdn.cn/reveal.js/
• gsap GreenSock動畫平臺 cdn
• scroll-out 當視圖進入頁面，設置動畫
• ScrollMagic 頁面滾動交互 github
• jump.js 現代化的平滑滾動庫
• Sal.js 輕量級滾動動畫庫

二維碼

• jquery.qrcode 二維碼生成器 http://www.bootcdn.cn/jquery.qrcode/
• qrcode-generator 也是個二維碼生成器 https://github.com/kazuhikoarase/qrcode-generator/tree/master/js

媒體資源

視頻

• APlayer HTML5 音樂播放器
• DPlayer 彈幕視頻播放器
• video.js 視頻播放器 http://www.bootcdn.cn/video.js/
• plyr 視頻播放器 http://www.bootcdn.cn/plyr/
• flv.js 使用純 JavaScript 寫的 HTML5 Flash 視頻（flv）播放器 http://www.bootcdn.cn/flv.js/

圖片

• 全景查看 https://krpano.com/
• 圖片瀏覽 photoswipe.js http://www.bootcdn.cn/photoswipe/
• swiper.js中文網 http://www.swiper.com.cn/
• tesseract.js 識別圖片中的文字的js庫 http://www.bootcdn.cn/tesseract.js/
• jspdf 用js構建PDF http://www.bootcdn.cn/jspdf/
• smartcrop 截取圖片關鍵位置 http://www.bootcdn.cn/smartcrop/
• 圖片毛玻璃效果 http://www.bootcdn.cn/rainyday.js/ http://www.bootcdn.cn/rainyday.js/
• html2canvas 對dom截圖 http://www.bootcdn.cn/html2canvas/
• gka 生成雪碧圖動畫
• wScratchPad.js 一個jQuery插件，用於模仿刮刮卡或便籤行爲。容許您以彩色或圖像形式刮擦覆蓋層。

音頻

• howler 現代網絡的Javascript音頻庫 http://www.bootcdn.cn/howler/

時間日期

• pikaday 日期選擇控件 http://www.bootcdn.cn/pikaday/
• flatpickr [時間選擇器 http://www.bootcdn.cn/flatpickr/
• moment.js 處理日期的庫 http://www.bootcdn.cn/moment.js/ http://momentjs.cn/
• Day.js https://github.com/iamkun/dayjs