Bai Bookmarks

# 常用工具

这里主要推荐一下平时常用的工具。

# 通用工具

# 技术工具

  • jsPerf 在线 js 性能测试工具
  • StorePreviewer See What Your App Will Look Like On The App Store
  • squoosh Squoosh 是一个理想的图片压缩，可以离线使用的 Web App
  • lerna Lerna 是一个管理包含多个软件包的 JavaScript 项目的工具
  • ReLaXed 一个将 document html 转成 PDF 的工具
  • tui.editor markdown 所见即所得编辑器
  • percollate 命令行工具 能将网页转换成 pdf
  • cloudquery 点击几下就可以把任何网站变成 API
  • public-apis 汇集了市面上一些对外免费开放的 api，做一些自己练手 app 的时候很好用
  • runkit 一个基于 node 的在线 playground
  • sketchviz 手绘风格流程图
  • storybookStorybook 是一个 UI 组件的开发环境。它允许您浏览组件库，查看每个组件的不同状态，以及交互式地开发和测试组件。
  • high-speed-downloader 百度网盘不限速下载 支持 Windows 和 Mac
  • hyper 前端命令行
  • yapi 是一个可本地部署的、打通前后端及 QA 的、可视化的接口管理平台
  • sway 一个微软自己出的在线 ppt 很强大
  • Ascii Art Generator 在线生成 Ascii 图案
  • Winds 开源 RSS
  • JSUI 一个用来控制管理前端项目的客户端
  • docz 让你能快速写文档的一个库
  • hiper 性能统计分析工具
  • verdaccio 私有 npm
  • git-guide git 入门指南
  • git-tips git 进阶
  • bit 实现了项目之间的代码共享 可以自建私有
  • simpread 简悦 ( SimpRead ) 让你瞬间进入沉浸式阅读的扩展
  • mkcert 一键命令 让本地也支持 https
  • termtosvg 录制 命令操作转成 svg 基于 python
  • gh-polls 可以在 github issue 中添加投票
  • eruda 移动端调试工具
  • vConsole 也是一个移动端调试工具 腾讯出品
  • terminalizer 命令行录制工具 基于 node
  • badgen 快速构建和 shields 一样的 svg badge 但速度更快
  • readability 移除页面非正文部分 基于 jsdom
  • WeChatPlugin-MacOS 一款功能强大的 macOS 版微信小助手
  • puppeteer-recorder 一个 chrome 插件 能够根据你的操作 自动生成 puppeteer 相关代码
  • mdx-deck 用 markdown 编写演示文稿
  • code-surfer 基于 mdx-deck 的一个插件 让你更好的在文稿中展示 code
  • Progressive Tooling 前端性能优化工具集合
  • https://github.com/artf/grapesjs 可视化建站工具 不需要写代码就能写一个页面，前端再次再次要下岗了
  • image-charts 该服务通过 URL 接受参数，然后生成图表，以图片形式返回
  • eagle.js 一个用 vue 来制作 PPT 的库
  • Optimizely A/B Test
  • appadhoc 一个国内的 A/B Test 服务
  • glorious-demo 通过编写代码的方式构建一个命令行的演示例子
  • nginxconfig 可视化配置 nginx 提供了多个基础模板
  • bundlephobia 一个可以查看某个库的大小，并且分析它的依赖
  • jsperf 一个提供在线 test case 的网站，主要用来比较性能。可以比较如： forEach vs for 的性能
  • perflink 与 jsperf 类似的一个比较 js 性能的网站
  • algorithm-visualizer 算法代码可视化
  • An-English-Guide-for-Programmers 专为程序员编写的英语学习指南
  • Webhint 用于检查代码的可访问性、性能和安全的开源检查（Linting）工具
  • airtap 测试浏览器兼容性，可覆盖 800 多种浏览器
  • jsonstore 供免费，安全且基于 JSON 的云数据存储，自己玩的小项目神器
  • git-history 可视化查看一个文件的历史变化
  • x-spreadsheet 一个基于 Canvas 的 JS 电子表格库 excel
  • imgcook 阿里出品，一键通过设计稿生成代码
  • majestic jest 可视化
  • leon 你开源项目的 ai 个人助手
  • js-code-to-svg-flowchart 将代码逻辑用流程图的方式展现出来
  • xterm.js 一个 web terminal
  • pixelmatch diff 两张图片不一样的地方
  • readme-md-generator 一个命令行脚本帮你快速的创建一个 README
  • build-tracker 构建大小追踪 记录你多个版本构建后文件大小的变化
  • zan-proxy 本地调试线上环境的工具
  • mjml 一个让发 email 更简单的框架。定义了一套自己的语法，你用这套语法写邮件，然后编译成 HTML。
  • any-rule 正则大全
  • outline 一个免费开源的库，能让你快速搭建自己的 wiki

# 浏览器

# VS Code

# 通用

# 主题

# 字体

# Chrome 扩展

  • 图片助手(ImageAssistant) 图片助手(ImageAssistant) 批量图片下载器
  • Tampermonkey 油猴 神器
  • 扩展管理器 轻松管理扩展，就不用担心安装太多扩展了
  • visbug 它可以帮助你改变 css，移动元素等等一系类强大的功能,页面调试神器。当然有些时候还是 DevTools 更好用
  • refined-github 优化 github 默认功能和样式的 chrome 插件
  • ADB chrome 真机调试安卓神器
  • Adblock Plus 免费广告拦截程序 这个应该不用说了，装机必备
  • Axure RP Extension 看原型必备
  • JSON Formatter JSON 格式化 程序员必备
  • Lighthouse 谷歌出品，检查网页综合性能评分，分析不足
  • 二维码(QR 码)生成器 手机扫码神器
  • Octotree github 上看代码必备神器
  • OctoLinker 能在 github 上看代码的时候 快速链接跳转到依赖的库
  • The Great Suspender chrome 太吃内存了，当页面开的很多时候会很卡，它就完美的解决了这个问题。它将几分钟没浏览过的页面都挂载了，当你想看是再重新加载
  • WEB 前端助手 支持 JSON 格式化、二维码生成与解码、代码压缩、Markdown 与 HTML 互转、网页滚动截屏、正则表达式、时间转换工具、JSON 比对工具等
  • 掘金 目前我默认新开 tab 的默认页，可以刷刷新的文章或者项目，还不错。
  • 沙拉查词 划词翻译插件
  • npmhub在 README 下方显示 npm 依赖信息
  • Ghelper一个简单的用于访问 google 的插件

# 编辑器和 Terminal

# zsh 插件

# 开发常用软件

  • Github Desktop管理 github 仓库的变更和 PR
  • runjs js 运行沙盒，写 test case 或者面试当场写代码的时候很有用
  • Charles 抓包用，支持 https
  • Google Chrome 前端必备没啥好说的
  • ColorSnapper2 取色工具
  • postman api 调试工具
  • Sequel Pro MySQL 界面管理工具
  • KeepingYouAwake 可保证系统不自动休眠，挂机跑脚本很有用
  • Swagger UI Swagger 是一个规范和完整的框架，用于生成、描述、调用和可视化 RESTful 风格的 Web 服务，部署管理和使用 API

# 其他有趣的工具

  • 演示图灵完备 Brainfuck Visualizer 演示图灵完备
  • the-bread-code 使用程序员的思维制作面包 ，比如制作中使用 A/B test, 来比较那种做法更好。
  • build-your-own-x 教你用各种语言实现 Bot Database Neural Network
  • javascript-algorithms 教你用前端知识认识各种算法
  • not-paid 如果你给人做网站，交过去以后对方没有付款，那么这个 JS 会把网站的透明度一天调低一点，直到看不见
  • nsfwjs 前端图片鉴黄，基于 Tensorflow
  • elevator.js 我很喜欢的一个库，让一个 back-to-top 的效果有了一种坐复古电梯的感觉
  • app-ideas 很多年轻人苦于缺少练手的项目，这个项目收集了不少点子，每个点子都有明确的目标和复杂资源。
  • WebGL-Fluid-Simulation 很酷的 WebGL 交互
  • react-kawaii 一个非常可爱的 React 卡通人脸库，很有意思
  • chart-race-react 图表竞赛 长条图赛跑动画 在微博或者 b 站这种类型视频很火
  • 98.css windows 98 主题分格 css

# 录制

  • licecap gif 录制，简洁好用，之前都用这个录制
  • kap 现在都用这个录制 gif，还支持导出 mp4，录制的 fps 很高
  • KeyCastr 按键显示，录制的时候显示你的按键

# Ubuntu

# Mac

  • get-plain-text 能清除剪贴板里的格式 很实用
  • IINA mac 平台感觉免费最好的播放器 强推
  • magnet 分屏管理
  • Xnip 方便好用的截图工具-支持截长图
  • Spectacle 窗口管理工具
  • vanilla 顶栏图标管理工具
  • Dozer 一个开源的顶栏管理
  • 腾讯电脑管家 反正我用下来好觉得蛮好用的
  • mos 鼠标平滑滚动软件，很好用。免费开源
  • sequel pro mysql 客户端 好用
  • Microsoft Remote Desktop Beta Mac 远程登录 Windows 调试神器
  • pap.er 专为 Mac 设计的壁纸应用
  • The Unarchive Mac 目前感觉最好用的免费解压软件
  • Tickeys 让你用 Mac 键盘也能打出机械键盘的感觉
  • Beaker Browser P2P 开源浏览器 支持点对点发布文件，成为了文件传输工具，支持 DAT 对等协议
  • Gifski 视频转 gif 工具
  • more 更多优秀的 mac app 介绍
  • Motrix 支持 HTTP、FTP、BT、磁力链、百度网盘的下载工具
  • webui-aria2 下载工具 Aria 的 WebUI 工具
  • iPic这个应用可以让你方便地上传图片到各种图床
  • Image2Icon
  • hidden 是用来帮助你隐藏 macOS 菜单栏上那些不常用的应用图标

# 在线解析工具