theme: condensed-night-purple
01:thunderclient: VSCode 中的 postman
文章图片
VSCode 的一个插件,在 VSCode 中管理请求资源,如同 postman 一样。
它支持与 postman 兼容的格式,可导出为 postman Collection。
02:Apifox, 团队 API 管理利器
文章图片
Apifox,目前拥有桌面版与 WEB 版,对于团队管理 API 及其友好。
假设,在一个团队中,前后端如果共享 API 接口并能够自由同步,那么数据联调将会变得及其简单。Apifox 的其中一个优势便在于团队中 API 集合的分享是完全免费的。
另外,它对文档还极其友好,以下是我通过 docker 学习 nginx 的所有接口示例的文档地址。
PS:附所有 nginx 配置以及 docker compose,方便秒级验证运行。详见 Github 仓库 learn-nginx。
文章图片
03:analyze-css: 分析某个网站的 CSS 资源情况
文章图片
【通向架子工的前端开发利器推荐】输入网址,可查看该网址的所有 CSS 资源情况,比如体积、选择器、排版、色彩、字体等。
文章图片
文章图片
04:BundleScanner,找出一个网站上所使用的的 npm 库与对应的版本号
文章图片
文章图片
输入一个网址,即可分析出该网站的所有 npm 依赖及其版本号,及其每一个 JS 资源的技术栈。
它的原理是对所有流行的 npm 库建立倒排索引(elasticsearch 那种),再对目标网址资源根据特定提取出来的关键 token 进行匹配。
相对 Wappalyzer 而言,它提取出来的 npm 库更多更精确。现在就差一个浏览器插件了。
如此,岂不是大厂某个项目的技术栈和技术选型便一目了然?如果我想知道字节抖音网页版的技术栈,那我直接将抖音网易版的地址输入即可!
05:bestofjs: 发现 Javascript 最好的框架与库 这里有 JS 生态最流行的库,实时刷新并推荐,并且可每周订阅。
太好了,终于可以做最强大的架子工了。
文章图片
- repo: ritz078/transform
angular.js
、browserify
与 gulp
下图以 webpack 作为演示,可以看出它的依赖有多么庞大!
文章图片
- repo: anvaka/npmgraph.an
每一章节都伴随有可编辑的 DEMO 可供学习,并提供题目测试你的学习成果。
08:Svg Viewer
文章图片
可视化 SVG,并支持压缩图片,转化为 React/RN 组件,转化为 png 格式的图片等。
如果在开发中遇到 svg 图片,则可以直接通过该网站转化成 React Component。
而且在 svgviewer 中,有海量的 svg 图标供你检索,简直不能太方便。
推荐阅读
- Linux修改ssh端口
- javascript|promise原理与async 及 await
- React|React UI组件库——如何快速实现antd的按需引入和自定义主题
- React|【React路由】编程式路由导航和withRouter的使用——push / replace
- React|【React】React组件实例的三大属性之state,props,refs(你学废了吗)
- React|【ReactRouter5】路由的模糊匹配,重定向以及嵌套路由
- React|【React】深入理解React组件生命周期----图文详解(含代码)
- echarts|CMS项目数据可视化-echarts的使用
- React|Vscode中快速生成代码的方式