工作中常用工具筆記
阿新 • • 發佈：2018-12-31
辦公
程式設計師
HTML5
JavaScript
學習網站
打包工具
程式碼檢測工具
CSS
字型圖示庫
資源
UI庫
API
簡訊測試
標註工具
設計
- Teleport ultra 網站克隆神器
Chrome外掛
- WhatRuns 是一款用於瞭解網站技術的chrome網站技術分析工具
- Postman 介面測試
- setup VPN 可以開啟谷歌搜尋引擎進行搜尋
APP
- PhoneGap
模擬器
- BlueStacks —— 是一個擁有核心技術專利的安卓模擬器
JavaScript 外掛
- Particles.js— 一個用來在 web 中建立炫酷的浮動粒子的庫
- Three.js — 一個用來在 web 中建立 3d 物體和 3d 空間的庫
- Fullpage.js— 快速實現全屏滾動特性
- Typed.js — 打字機效果
- Waypoints.js — 滾動到某個元素位置時觸發一個功能
- Highlight.js — web 語法高亮
- Chart.js — 使用 JavaScript 建立漂亮的圖表
- Instantclick — 能夠明顯加速網站載入時間，滑鼠 hover 時預載入資源
- Chartist — 另一個圖表庫
- Motio — 一個基於動畫和平移的雪碧相簿
- Animsition — CSS 實現動畫過渡的 jQuery 外掛
- Barba.js — 流式頁面過渡
- TwentyTwenty — 一個對比圖片的視覺化 diff 工具
- Vivus.js — 在 SVG 上繪製動畫
- Wow.js — 滾動時展現動畫
- Scrolline.js — 頁面滾動時顯示滾動進度
- Velocity.js — 快速流暢的 JavaScript 動畫
- Animate on scroll — 漂亮的頁面滾動元素動畫
- Handlebars.js — Javascript 模板
- jInvertScroll — 視差滾動
- One page scroll — 又一個頁面滾動庫
- Parallax.js — 對智慧裝置方向變化做出響應的視差引擎
- Typeahead.js — 搜尋補全
- Dragdealer.js — 炫酷拖拽
- Bounce.js — 建立炫酷的 CSS3 動畫
- Pagepiling.js — 全屏滾動
- Multiscroll.js — 兩列垂直反向滾動
- Favico.js — 動態 favicon
- Midnight.js — 固定頭部切換效果
- Anime.js — 動畫庫
- Keycode — 獲取鍵盤按鍵的 JavaScript keycode
- Sortable — 拖拽外掛
- Flexdatalist — 自動補全
- Slideout.js — 移動應用側滑導航
- Jquerymy — 使用 jQuery 實現雙向資料繫結
- Cleave.js — 實時格式化輸入內容
- Page — 客戶端單頁應用路由
- Selectize.js — 用來新增 tag 的 Hybrid 選擇框
- Nice select — 建立漂亮的選擇框的 jQuery 庫
- Tether — 使用固定定位來建立相關元素
- Shepherd.js — 為應用建立新手引導
- Tooltip — tooltip 提示框
- Select2 — Jquery 選擇框外掛
- IziToast — 通知彈窗實現
- IziModal — 模態框實現