指望有那麼一兩個工具能讓你眼前一亮。javascript
這個列表包含許多種類的資源,因此這裏將它們分組整理 並附相關連接css
Bulma一Bulma。有了它,即便徹底不懂 CSS,也能夠垂手可得作出美觀的網頁html
Foundation一Foundation號稱世界上最早進的響應式前端框架前端
Spectre.css一Spectre.css一個 輕量級, 響應和 現代 CSS框架vue
Animate.css — 動畫庫html5
Flat UI Colors — 扁平化設計配色java
Material design lite— 基於 Google material design 的框架node
Colorrrs — 隨機顏色生成器react
Section separators — CSS 實現區域分割webpack
Topcoat — 框架
Create ken burns effect — 使用 CSS3 動畫實現 Ken burns 特效
DynCSS — 給 CSS 添加 function,動態化 CSS
CSSpin — css spinners 合集
Feather icons — Icon 集合
Ion icons — Icon 集合
Font awesome — Icon 集合
Font generator — 組合多個字體建立混合字體
pure.css 一組小型的自適應CSS模塊
Particles.js— 用於建立粒子的輕量級JavaScript庫
Three.js — 一個用來在 web 中建立 3d 物體和 3d 空間的庫
Fullpage.js— 快速實現全屏滾動特性
Typed.js — 打字機效果
Waypoints.js — 滾動到某個元素位置時觸發一個功能
Highlight.js — web 語法高亮
Chart.js — 使用 JavaScript 建立漂亮的圖表
Instantclick — 可以明顯加速網站加載時間,鼠標 hover 時預加載資源
Chartist — 另外一個圖表庫
antv —螞蟻金服全新一代數據可視化解決方案
Barba.js — 流式頁面過渡
Vivus.js — 在 SVG 上繪製動畫
Wow.js — 滾動時展示動畫
Animate on scroll — 漂亮的頁面滾動元素動畫
jInvertScroll — 視差滾動
Parallax.js — 對智能設備方向變化作出響應的視差引擎
Typeahead.js — 搜索補全
Bounce.js — 建立炫酷的 CSS3 動畫
Pagepiling.js — 全屏滾動
Multiscroll.js — 兩列垂直反向滾動
Favico.js — 動態 favicon
Midnight.js — 固定頭部切換效果
Sortable — 拖拽插件
Slideout.js — 移動應用側滑導航
Cleave.js — 實時格式化輸入內容
Shepherd.js — 爲應用建立新手引導
IziToast — 通知彈窗實現
standard-傻瓜式的 Javascript 語法檢查工具
david-幫你找到已通過期的依賴包
nrm NPM註冊表管理器 (方便換源)
nvm:Node 版本管理器
localtunnel-把本機服務暴露到外網
nodemon — 自動重啓 NodeJS 應用
pm2 — 便捷管理 node 服務進程
Handlebars.js — Javascript 模板引擎
node-clinic — 一個開箱即用的 Node.js 應用診斷工具。
import()
語法。whistle-HTTP,HTTP2,HTTPS,Websocket調試代理
wireshark-免費的抓包工具
yarn upgrade-interactive
配合着用,主要用來檢測冗餘依賴。歡迎關注個人公衆號FE未道 ,不間斷更新, 咱們一塊兒腳踏實地,仰望星空。