這里主要推薦一下自己平時常用,提高效率的一些庫和軟件。
前端常用
- sweetalert2 一個自適應(yīng),且自定義性強的彈出框(零依賴)
- tippy.js 最著名的 tooltip/popover library
- text-mask 可以讓 input 按照規(guī)則輸入(如電話,email,日期,信用卡等),特殊格式 input
- dinero.js 用來創(chuàng)建、計算和格式化貨幣價值的不可變的框架,支持國際化
- lerna 大項目版本控制工具,項目中可以有多個 package.json 文件
- img-2 一個提高圖片加載性能和體驗的庫,懶加載使用 web worker 模糊預(yù)覽
- fingerprintjs 是一個快速的瀏覽器指紋庫,通瀏覽環(huán)境的一系列配置生成 id
- ajv 一個 json schema 驗證的庫
- dayjs 一個輕量級類 moment.js API 時間庫
- primjs 讓頁面支持代碼高亮
- ReLaXed 一個將 document html 轉(zhuǎn)成 PDF 的工具
- uppy 一個很好看的也很好用的 前端上傳庫
- Filepond 一個小巧的文件上傳庫
- tui-calendar 功能全面的日程安排日歷控件,還支持拖拽
- tui.editor markdown 所見即所得編輯器
- tabler 基于 Bootstrap 4 的 Dashboard UI Kit 和美觀 高顏值 ui 模板
- pulltorefresh.js 下個下拉刷新插件
- lulu 騰訊閱文基于 jQuery,針對 PC 網(wǎng)站 IE8+(peak 主題)的前端 UI 框架
- chancejs 生成隨機數(shù)據(jù)的庫
- spritejs 360 奇舞團出的跨平臺繪圖對象模型
- tui.image-editor 一個功能齊全的在線圖片編輯,基于 canvas
- nanoid 前端輕量 unique string ID 生成庫
- rxdb 一款開源的快速、靈活的客戶端數(shù)據(jù)庫,支持各種瀏覽器以及 NodeJS,Electron、React 等等,是 PouthDB 之上的一個封裝庫
- percollate 命令行工具 能將網(wǎng)頁轉(zhuǎn)換成 pdf
- rawact 一個 babel 插件,把 react 組件轉(zhuǎn)為原生 dom
- irondb 是一個瀏覽器 key-value 儲存的封裝庫,把 Cookies、IndexedDB、LocalStorage、SessionStorage 統(tǒng)一成一個接口。它的最大特色就是數(shù)據(jù)冗余機制,即使某種底層儲存機制失效,它可以從其他機制恢復(fù)數(shù)據(jù)。
- big.js 解決 js 浮點數(shù)問題。 主要就是 Big Number 或者小數(shù)點溫柔
- bignumber.js 同上
- stickybits CSS 的 position: sticky 是一個很有用的設(shè)置,但是老的瀏覽器不支持。這個 JS 庫是該功能的墊片庫。
- react-jsonschema-form Mozilla service 開源了一個通過 JSON 直接生成表單的 React 組件
- cleave.js 用于在輸入時格式化輸入內(nèi)容(信用卡格式、日期等)
- shiny 在手機設(shè)備上模擬光的反射效果。 支持 DeviceMotion 事件
- cloudquery Turn any website to serverless API
- A-Programmers-Guide-to-English 專為程序員編寫的英語學(xué)習(xí)指南。
- rrweb 一個可以記錄你頁面中所有操作的庫
- nodeppt markdown 寫 ppt
- flexsearch 能讓你更加高效和快速的檢索文本內(nèi)容
- public-apis 匯集了市面上一些對外免費開放的 api,做一些自己練手 app 的時候很好用。
- scroll-hint 用于提示用戶頁面可以左右滑動的一個提示庫
- fuse.js 輕量級前端模糊查詢庫 非常的好用
- FileSaver.js 文件下載插件 很多時候下載會有兼容性問題,它能幫你解決這些問題
- instant.page 一個判斷用戶行為 預(yù)測提前加載頁面的庫
- screenfull.js 瀏覽器全屏插件 解決了不少兼容性問題
- VuePress 本網(wǎng)站就是基于它實現(xiàn)的,簡單方便的靜態(tài)網(wǎng)站生成器
- selection 可視化選擇頁面元素的庫
- scroll-out 滾動效果(滾動視差)的框架,框架大小不到 1KB,使用回調(diào)的方式將相關(guān)動畫元素的屬性進行實時分配
- gpu.js 通過將 js 轉(zhuǎn)為特定的 language,利用 GPU 來執(zhí)行,大大提高了執(zhí)行性能和速度
- pressure 前端實現(xiàn) 3D Touch
- hammer 移動端手勢庫
- AlloyFinger 騰訊出的手勢庫
- lowdb LowDB 是一個本地 JSON 數(shù)據(jù)庫,基于 Lodash 開發(fā)的
- JSON-server 可以配合 LowDB 使用 快速搭建一個 REST API
- lunr.js 是個用于瀏覽器的輕量級 JavaScript 全文搜索引擎,對于一些小型的博客、開發(fā)者文檔或 Wiki 網(wǎng)站來說,完全可以通過它實現(xiàn)站內(nèi)離線搜索
- he 一個前端 encoder/decoder 庫
- grade 一個可以根據(jù)你的 圖片 調(diào)整底色的插件
- pretty-bytes 將字節(jié)轉(zhuǎn)換成可以讀的字符串,比如 1337 個字節(jié),會顯示成 1.34 KB
- runkit 一個基于 node 的在線 playground
- chart.xkcd 手繪風(fēng)格的圖表庫
- sketchviz 手繪風(fēng)格流程圖
- pagemap Mini map for web pages 頁面導(dǎo)航圖
- commonmark.js parser and renderer markdown
- body-scroll-lock 解決滾動穿透問題
- lodash 前端工具函數(shù)集合
- dayjs 時間處理庫,不過大部分情況下我還是用自己的封裝的函數(shù)
- lightgallery 圖片預(yù)覽組件
- photoswipe 圖片預(yù)覽組件,支持移動端
- darken 頁面黑夜模式切換
- mitt 輕量級 pub/sub
#Css && 動畫
- animate.css 最有名的動畫效果庫
- magic.css css 動畫效果庫 類似 animate.css
- popmotion 一個函數(shù)式聲明前端動畫庫
- NES.css 任天堂主題風(fēng)格 css 庫
- particles.js 前端實現(xiàn)顆粒粒子的動畫效果庫,比較炫酷,但相對的也比較吃性能
- PaperCSS 手繪風(fēng)格感覺 css 庫
- rough 基于 Canvas 的手繪風(fēng)格圖形庫
- wired-elements 基于 rough.js 分裝 button input radio 等組件。它的底層是 Web components
- roughViz rough 風(fēng)格的圖表庫 手繪風(fēng)格的圖表庫
- matter-js web 物理引擎
- micron 通過在元素上綁定屬性從而實現(xiàn)動畫效果的庫
- direction-reveal 根據(jù)鼠標(biāo)進入位置,展現(xiàn)從不同方向 展現(xiàn) hover 效果
- laxxx 滾動特效庫 輕量級 壓縮完 2kb
- cssfx 優(yōu)雅的 CSS 動畫效果,開箱即用
- zdog 3D engine 引擎
- leonsans 酷炫的 字體 動畫 geometric sans-serif typeface made with code
- css-doodle A web component for drawing patterns with CSS 一個用于使用 CSS 繪制圖案的 Web 組件
#Vue
- vue-multiselect select 組件 目前 vue 里面用過最好用的
- Vue.Draggable DnD 拖拽組件 基于 Sortable.js 的 vue 版本
- vue-sauce 一個可以展示 vue 源碼的指令
- vue-smooth-dnd Vue wrappers components for smooth-dnd
- vuegg 一個 vue 可視化拖拽界面生成器
- vee-validate 基于 vue 的驗證,能驗證的內(nèi)容比較全
- vuesax 一個很漂亮的基于 vue 的 ui 框架
- vue-analytics 基于 vue 的 谷歌統(tǒng)計封裝
- vue-virtual-scroller 基于 vue 的虛擬列表無限滾動
- vue-content-placeholders 頁面龍骨 skeleton
- buefy 適配移動端的 vue 組件庫 看著還挺舒服的
- vxe-tablevue 表格解決方案,還沒具體用過看著的確解決了其它 table 組件的一些問題
- Vue 測試指南 vue 測試指南
#實踐庫
- Jasonette 一個用 json 來構(gòu)建 hybrid App 的框架
- crate 一個 react 全棧練習(xí)(pc,mobile,rn,api) demo,適合入門拿來練手
- react-in-patterns 一本開源教你如何寫 react 的書
- hocs react 相關(guān) hoc 收集庫
#文檔
- vuepress vue 官方出品的文檔工具
- docsify 輕量級文檔工具,但其是運行時編譯的,所以 seo 不好
- GitBook 除了編譯慢沒啥毛病
- mdx jsx + markdown
- docz
- storybook
#工具庫
- live-server 可以快速啟一個本地 dev 服務(wù) 并且支持自動刷新的 http server
- serve 快速起本地靜態(tài)服務(wù)
- picojs js 人臉識別庫
- es-checker 檢查當(dāng)前環(huán)境對 ES6 支持的情況。支持瀏覽器和 node.js
-
merge-images 圖片合成,利用
canvas能將幾張圖片合成一張 - fabric.js 基于 canvas 創(chuàng)建交互式的圖片編輯界面非常適合用來做圖片合成類工作。
- phaser 這是一個為桌面和移動瀏覽器開發(fā) HTML5 游戲的快速開源框架。 你可以為 iOS、 Android 和不同的本地應(yīng)用程序創(chuàng)建游戲。
- purifycss 移除沒使用到的 css
- dropcss 同上
- fast-cli 命令行測試下載上傳速度
- @pika/web 讓你不需要在本地 webpack 中 import,直接在游覽器里面運行 npm 包
- pinyin 漢字拼音轉(zhuǎn)換工具
- JavaScript Obfuscator Tool js 代碼混淆工具
- tesseract 圖像識別,它能識別圖片中的文字,支持中文
- gka 一款高效、高性能的幀動畫生成工具。只需一行命令,快速圖片優(yōu)化、生成動畫文件,支持效果預(yù)覽。
- recast 前端 ast 庫
- jscodeshift 將 js 內(nèi)容解析成 AST 語法樹,然后提供一些便利的操作接口,方便我們對各個節(jié)點進行更改
- stats.js 前端性能監(jiān)控 如 FPS、內(nèi)存使用情況等
- PapaParse 解析 csv excel
- mddir 生成 markdown file/folder structure 目錄結(jié)構(gòu) tree
- imagemin 圖片壓縮庫
- inline-css css covert to inline style 在生成 email 格式 html 的時候特別有用
- babel-plugin-try-catch-error-report 全局自動 catch 錯誤進行數(shù)據(jù)上報
- StreamSaver.js 大文件下載,不用像 saveAs 那樣先讀到內(nèi)存中再下載
- mammoth.js Convert Word documents (.docx files) to HTML
- npkill 列出所有 node_modules,并支持刪除
- strapi 開源的解決方案來創(chuàng)建、部署和管理自己的 API,通過圖形化界面進行操作
#Node
#工具庫
- cheerio 用類 jQuery 語法處理 HTML
- node-semver node 版本驗證庫
- live-server 一個簡單的 http server 帶有 reload 功能
- node-portfinder 一個端口嗅探工具
- update-notifiernode 依賴升級提醒工具
- fastscan node 敏感詞庫
- hygen 快速方便的創(chuàng)建代碼 可以命令行創(chuàng)建預(yù)設(shè)的 template
- plop 同上,代碼生成工具
- ink 是一個 React 的命令行渲染器,命令行界面可以像寫頁面那么寫了
- dotenv 通過.env 設(shè)置環(huán)境部變量 vue-cli 也依賴它
- patch-package 優(yōu)雅的修改 node_modules 中的依賴庫
- Playwright 同 Puppeteer 團隊出品,但區(qū)別是它支持 Chrome、Safari、Firefox、Edge
- tree-cli node 根據(jù)目錄結(jié)構(gòu)生成 tree
- tree-node-cli node 根據(jù)目錄結(jié)構(gòu)生成 tree
- open node 打開瀏覽器
#命令行
- signale 一個 Node 的日志格式庫,自帶 16 個級別,可以定制顏色和 Emoji,可擴展的日志記錄器
-
consola 優(yōu)雅的命令行 console logger
vuepress也使用了它 - chalk 命令行著色美化庫
- progress-estimator 命令行 progress bar 進度條模擬庫
- ora Elegant terminal spinner 命令行 loading
- listr Terminal task 命令行任務(wù)列表
- yargs 命令行參數(shù)解析
- y18n yargs 基于 i18n 的一個包
- commander.js 自動的解析命令和參數(shù),合并多選項,處理短參,等等,功能強大,上手簡單
- Inquirer.js A collection of common interactive command line user interfaces. 命令行詢問庫
- enquirer 命令行 prompt 詢問庫,寫 cli 的時候很有用
- Qoa 同上
- cli-progress Terminal Progress Bar
- cli-table tables for the CLI
- node-notifier 在 NodeJS 環(huán)境中,可以很方便的喚起 notifier 通知
#文件處理
- rimraf 刪除文件
- globby 用于模式匹配目錄文件
- glob 文件查找
- tiny-glob 文件查找
- chokidar node 監(jiān)聽文件變化的庫
- fs-extra fs-extra 模塊是系統(tǒng) fs 模塊的擴展,提供了更多便利的 API,并繼承了 fs 模塊的 API
- execa 比 child_process 好用,返回 Promise
- npm-run-all 一個 CLI 工具可以并行或者串行執(zhí)行 script 指令
- memfs memory-fs 的替代品,將文件放在內(nèi)存中優(yōu)化讀寫,webpack 依賴
#調(diào)試
- fx 命令行優(yōu)化 JSON 輸出
- dumper.js 能讓你的 node console 更加的規(guī)整,方便調(diào)試
- ndb node 調(diào)試
- why-is-node-running 查看 node 為什么在運行
- siege 壓測工具
- node-in-debugging node.js 調(diào)試指南
- node-best-practices node 最佳實踐
- Node.js 最佳實踐
#GraphQL
- prisma 讓前端也能快速的寫出
- Apollo GraphQL 是基于 GraphQL 的全棧解決方案集合。從后端到前端提供了對應(yīng)的 lib 使得開發(fā)使用 GraphQL 更加的方便
- dataloader 解決 Graphql 中的 N+1 查詢問題
#工具
- high-speed-downloader 百度網(wǎng)盤不限速下載 支持 Windows 和 Mac
- hyper 前端命令行
- yapi 是一個可本地部署的、打通前后端及 QA 的、可視化的接口管理平臺
- sway 一個微軟自己出的在線 ppt 很強大
- Ascii Art Generator 在線生成 Ascii 圖案
- Winds 開源 RSS
- JSUI 一個用來控制管理前端項目的客戶端
- docz 讓你能快速寫文檔的一個庫
- hiper 性能統(tǒng)計分析工具
- verdaccio 私有 npm
- git-guide git 入門指南
- git-tips git 進階
- bit 實現(xiàn)了項目之間的代碼共享 可以自建私有
- simpread 簡悅 ( SimpRead ) 讓你瞬間進入沉浸式閱讀的擴展
- mkcert 一鍵命令 讓本地也支持 https
- termtosvg 錄制 命令操作轉(zhuǎn)成 svg 基于 python
- gh-polls 可以在 github issue 中添加投票
- eruda 移動端調(diào)試工具
- vConsole 也是一個移動端調(diào)試工具 騰訊出品
- terminalizer 命令行錄制工具 基于 node
- badgen 快速構(gòu)建和 shields 一樣的 svg badge 但速度更快
- readability 移除頁面非正文部分 基于 jsdom
- WeChatPlugin-MacOS 一款功能強大的 macOS 版微信小助手
- puppeteer-recorder 一個 chrome 插件 能夠根據(jù)你的操作 自動生成 puppeteer 相關(guān)代碼
- mdx-deck 用 markdown 編寫演示文稿
- code-surfer 基于 mdx-deck 的一個插件 讓你更好的在文稿中展示 code
- Progressive Tooling 前端性能優(yōu)化工具集合
- https://github.com/artf/grapesjs 可視化建站工具 不需要寫代碼就能寫一個頁面,前端再次再次要下崗了
- image-charts 該服務(wù)通過 URL 接受參數(shù),然后生成圖表,以圖片形式返回
- eagle.js 一個用 vue 來制作 PPT 的庫
- Optimizely A/B Test
- appadhoc 一個國內(nèi)的 A/B Test 服務(wù)
- glorious-demo 通過編寫代碼的方式構(gòu)建一個命令行的演示例子
- nginxconfig 可視化配置 nginx 提供了多個基礎(chǔ)模板
- bundlephobia 一個可以查看某個庫的大小,并且分析它的依賴
- jsperf 一個提供在線 test case 的網(wǎng)站,主要用來比較性能。可以比較如: forEach vs for 的性能
- perflink 與 jsperf 類似的一個比較 js 性能的網(wǎng)站
- algorithm-visualizer 算法代碼可視化
- An-English-Guide-for-Programmers 專為程序員編寫的英語學(xué)習(xí)指南
- Webhint 用于檢查代碼的可訪問性、性能和安全的開源檢查(Linting)工具
- airtap 測試瀏覽器兼容性,可覆蓋 800 多種瀏覽器
- jsonstore 供免費,安全且基于 JSON 的云數(shù)據(jù)存儲,自己玩的小項目神器
- git-history 可視化查看一個文件的歷史變化
- x-spreadsheet 一個基于 Canvas 的 JS 電子表格庫 excel
- imgcook 阿里出品,一鍵通過設(shè)計稿生成代碼
- majestic jest 可視化
- leon 你開源項目的 ai 個人助手
- js-code-to-svg-flowchart 將代碼邏輯用流程圖的方式展現(xiàn)出來
- xterm.js 一個 web terminal
- pixelmatch diff 兩張圖片不一樣的地方
- readme-md-generator 一個命令行腳本幫你快速的創(chuàng)建一個 README
- build-tracker 構(gòu)建大小追蹤 記錄你多個版本構(gòu)建后文件大小的變化
- zan-proxy 本地調(diào)試線上環(huán)境的工具
- mjml 一個讓發(fā) email 更簡單的框架。定義了一套自己的語法,你用這套語法寫郵件,然后編譯成 HTML。
- any-rule 正則大全
- outline 一個免費開源的庫,能讓你快速搭建自己的 wiki
#Webpack
- webpackbar webpack 打包進度條
- jarvis webpack dashboard
- webpack-chain 通過 chain 風(fēng)格 api 的方式修改 webpack 配置
- speed-measure-webpack-plugin 統(tǒng)計 webpack 各階段的耗時
- obsolete-webpack-plugin 基于 browserslist 做瀏覽器升級提示
- mini-css-extract-plugin 提取 CSS 為單獨文件
- copy-webpack-plugin 復(fù)制額外的文件到輸出目錄
- duplicate-package-checker-webpack-plugin 檢查是否存在重復(fù)依賴
- cssnano CSS 壓縮
- bundle-buddy webpack bundle 依賴分析
#移動端
- fastclick 解決移動端一些點擊問題
#性能優(yōu)化
- workbox PWA 方案,Google 出品
#請求處理
- axios 目前最常見的請求庫
- got http 請求庫 如果你覺得 request 太多的話 這是一個不錯的選擇
- request 老牌請求庫 -whatwg-fetch* fetch 請求庫
- grpc-web 前端直連 gRPC 服務(wù)
- node-fetch node 環(huán)境下輕量級 fetch 請求庫
- reqwest
#工程
- lerna monorepo 管理
- lerna-changelog 為 lerna 項目自動生成 changelog
- eslint JS 風(fēng)格約束
- eslint-config-airbnb airbnb 約束風(fēng)格
- xo 封裝自 eslint
- prettier 更主觀的風(fēng)格自動修改
- yeoman-generator 腳手架工具
- serve 本地靜態(tài)服務(wù)器
- np npm publish 輔助,自動 push、打 tag、升版本等
- lint-staged eslint 提速,只 lint 提交的代碼
- coveralls 覆蓋率
- husky 添加 git hooks
- cross-env 跨平臺的環(huán)境變量聲明
- nvm 管理 node 版本
- concurrently 在 npm scripts 里并行執(zhí)行命令
- @zeit/ncc 打包為 npm 包為一個文件
-
npm-check 檢測依賴升級情況,我會和
yarn upgrade-interactive配合著用,主要用來檢測冗余依賴 - cpx 復(fù)制,支持 glob,并且可以 watch
- onchange 監(jiān)聽文件變動然后做一些事
- tasksfile 在 node 中執(zhí)行 script 腳本
#Mac
- get-plain-text 能清除剪貼板里的格式 很實用
- IINA mac 平臺感覺免費最好的播放器 強推
- magnet 分屏管理
- Xnip 方便好用的截圖工具-支持截長圖
- Spectacle 窗口管理工具
- vanilla 頂欄圖標(biāo)管理工具
- Dozer 一個開源的頂欄管理
- 騰訊電腦管家 反正我用下來好覺得蠻好用的
- mos 鼠標(biāo)平滑滾動軟件,很好用。免費開源
- sequel pro mysql 客戶端 好用
- Microsoft Remote Desktop Beta Mac 遠(yuǎn)程登錄 Windows 調(diào)試神器
- pap.er 專為 Mac 設(shè)計的壁紙應(yīng)用
- The Unarchive Mac 目前感覺最好用的免費解壓軟件
- Tickeys 讓你用 Mac 鍵盤也能打出機械鍵盤的感覺
- Beaker Browser P2P 開源瀏覽器 支持點對點發(fā)布文件,成為了文件傳輸工具,支持 DAT 對等協(xié)議
- Gifski 視頻轉(zhuǎn) gif 工具
- more 更多優(yōu)秀的 mac app 介紹
- Motrix 支持 HTTP、FTP、BT、磁力鏈、百度網(wǎng)盤的下載工具
- iPic這個應(yīng)用可以讓你方便地上傳圖片到各種圖床
- Image2Icon
- hidden 是用來幫助你隱藏 macOS 菜單欄上那些不常用的應(yīng)用圖標(biāo)
#錄制
- licecap gif 錄制,簡潔好用,之前都用這個錄制
- kap 現(xiàn)在都用這個錄制 gif,還支持導(dǎo)出 mp4,錄制的 fps 很高
- KeyCastr 按鍵顯示,錄制的時候顯示你的按鍵
#Chrome 拓展
- Tampermonkey 油猴 神器
- 擴展管理器 輕松管理擴展,就不用擔(dān)心安裝太多擴展了
- visbug 它可以幫助你改變 css,移動元素等等一系類強大的功能,頁面調(diào)試神器。當(dāng)然有些時候還是 DevTools 更好用
- refined-github 優(yōu)化 github 默認(rèn)功能和樣式的 chrome 插件
- ADB chrome 真機調(diào)試安卓神器
- Adblock Plus 免費廣告攔截程序 這個應(yīng)該不用說了,裝機必備
- Axure RP Extension 看原型必備
- JSON Formatter JSON 格式化 程序員必備
- Lighthouse 谷歌出品,檢查網(wǎng)頁綜合性能評分,分析不足
- 二維碼(QR 碼)生成器 手機掃碼神器
- Octotree github 上看代碼必備神器
- OctoLinker 能在 github 上看代碼的時候 快速鏈接跳轉(zhuǎn)到依賴的庫
- The Great Suspender chrome 太吃內(nèi)存了,當(dāng)頁面開的很多時候會很卡,它就完美的解決了這個問題。它將幾分鐘沒瀏覽過的頁面都掛載了,當(dāng)你想看是再重新加載
- WEB 前端助手 支持 JSON 格式化、二維碼生成與解碼、代碼壓縮、Markdown 與 HTML 互轉(zhuǎn)、網(wǎng)頁滾動截屏、正則表達(dá)式、時間轉(zhuǎn)換工具、JSON 比對工具等
- 掘金 目前我默認(rèn)新開 tab 的默認(rèn)頁,可以刷刷新的文章或者項目,還不錯。
- 沙拉查詞 劃詞翻譯插件
- npmhub在 README 下方顯示 npm 依賴信息
#VS Code
- Import Cost 查看你引入的依賴模塊大小
-
Auto Close Tag 自動補全 html 標(biāo)簽,如輸入
<a>將自動補全</a> -
Auto Rename Tag 自動重命名 html 標(biāo)簽,如修改
<a>為<b>,將自動修改結(jié)尾標(biāo)簽</a>為</b> - polacode 生產(chǎn)代碼圖片快照插件
- vscode-leetcode 一個能讓你在 vscode 中刷 LeetCode 的插件 算一個劃水神器吧
- vscode-icons VS Code 必備吧,為文件添加炫圖標(biāo)
- CodeSnap 生產(chǎn)代碼截圖
#主題
官方主題頁 可以選擇自己喜歡的主題 one-monokai 我用的是這個主題,很多年了
#字體
#編輯器和 Terminal
- Go2shell 在當(dāng)前文件夾打開 shell
- Terminal 用 iTerm2 + zsh + oh-my-zsh 的組合,主題是 robbyrussell
#zsh 插件
- Homebrew 必裝
- autojump 實現(xiàn)目錄間快速跳轉(zhuǎn),想去哪個目錄直接 j + 目錄名,不用在頻繁的 cd 了
- zsh-autosuggestions 命令自動建議和補全
- zsh-syntax-highlighting 命令行語法高亮
- history 命令行記錄
- zsh-git-prompt git 分支信息提示
#開發(fā)常用軟件
- Github Desktop管理 github 倉庫的變更和 PR
- runjs js 運行沙盒,寫 test case 或者面試當(dāng)場寫代碼的時候很有用
- Charles 抓包用,支持 https
- Google Chrome 前端必備沒啥好說的
- ColorSnapper2 取色工具
- postman api 調(diào)試工具
- Sequel Pro MySQL 界面管理工具
- KeepingYouAwake 可保證系統(tǒng)不自動休眠,掛機跑腳本很有用
#有趣
- the-bread-code 使用程序員的思維制作面包 ,比如制作中使用 A/B test, 來比較那種做法更好。
- build-your-own-x 教你用各種語言實現(xiàn) Bot Database Neural Network
- **javascript-algorithms ** 教你用前端知識認(rèn)識各種算法
- not-paid 如果你給人做網(wǎng)站,交過去以后對方?jīng)]有付款,那么這個 JS 會把網(wǎng)站的透明度一天調(diào)低一點,直到看不見
- nsfwjs 前端圖片鑒黃,基于 Tensorflow
- elevator.js 我很喜歡的一個庫,讓一個 back-to-top 的效果有了一種坐復(fù)古電梯的感覺
- app-ideas 很多年輕人苦于缺少練手的項目,這個項目收集了不少點子,每個點子都有明確的目標(biāo)和復(fù)雜資源。
- WebGL-Fluid-Simulation 很酷的 WebGL 交互
- react-kawaii 一個非??蓯鄣?React 卡通人臉庫,很有意思
- chart-race-react 圖表競賽 長條圖賽跑動畫 在微博或者 b 站這種類型視頻很火
- 98.css windows 98 主題分格 css