工具库总结
在公司码了一段时间代码了，发现很多好用的工具，很多工具虽然现在用不上，但是感觉总有一天能用上，仅仅是用浏览器收藏夹感觉还是差点意思，专门写个东西不定期更新把它们存下来。
目录
在线工具
PageSpeed Insights
链接：跳转链接
介绍：测试网页性能的在线工具，非常好用。
Matrix Construction Set
介绍：CSS 3 的矩阵变换工具，可以直接拖拽生成参数，不用计算后手动输入。
软件
scrcpy
链接：链接
一个安卓手机的投屏工具。可以将屏幕投射到电脑上。
Android File Transfer
链接：链接
安卓和 mac 互相传文件用的，挺好使的。
工具库
react-use
介绍：据博主分享是一个好用的 React 钩子的库，基本涵盖了大部分需要自定义钩子的场景，需要的时候可以引入或者根据它的源代码稍作修改即可。
Puppeteer
链接：Github 官方链接
介绍：谷歌的无头浏览器库，可以在 chrome 中实现的都可以模拟，有意想不到的用处，比如将 HTML 转成 pdf 可以调用这个库的接口来实现，简单轻松。
html-to-image
链接：Github 官方链接
介绍：项目里面用到的第三方开源库，性能和效果都不错，觉得以后也可能用得上。
webpack 插件
DefinePlugin
DefinePlugin 允许在 编译时 将你代码中的变量替换为其他值或表达式。这在需要根据开发模式与生产模式进行不同的操作时，非常有用。例如，如果想在开发构建中进行日志记录，而不在生产构建中进行，就可以定义一个全局常量去判断是否记录日志。这就是 DefinePlugin 的发光之处，设置好它，就可以忘掉开发环境和生产环境的构建规则。
浏览器插件
Octotree
链接：Octotree - GitHub code tree
介绍：可以将 Github 仓库的内容以文件树的形式展示在左侧，方便浏览和跳转。
PerfectPixel by WellDoneCode
链接：PerfectPixel by WellDoneCode (pixel perfect)
介绍：允许将半透明图层放到页面上，来比较两者的区别。
Page Ruler Redux
介绍：网页标尺工具，可以边界吸附，挺好用的。
EditThisCookie
介绍：编辑 cookie 的插件。
User-Agent Switcher for Chrome
链接：User-Agent Switcher for Chrome
介绍：编辑 user-agent 的插件。
Magic CSS
链接：Live editor for CSS, Less & Sass - Magic CSS
介绍：选中元素之后直接修改 CSS 样式，支持 less 和 sass 语法。