关于前端:通向架子工的前端开发利器推荐

4次阅读

共计 1145 个字符,预计需要花费 3 分钟才能阅读完成。


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

06:npm 依赖可视化

图解动画演示某一个 npm package 所有依赖,已开源 anvaka/npmgraph,技术栈 angular.jsbrowserifygulp

下图以 webpack 作为演示,能够看出它的依赖有如许宏大!

  • repo: anvaka/npmgraph.an

07:Learn CSS

谷歌官网出品的 CSS 外围技能构建,浅显易懂,易于上手。

每一章节都随同有可编辑的 DEMO 可供学习,并提供题目测试你的学习成绩。

08:Svg Viewer

可视化 SVG,并反对压缩图片,转化为 React/RN 组件,转化为 png 格局的图片等。

如果在开发中遇到 svg 图片,则能够间接通过该网站转化成 React Component。

而且在 svgviewer 中,有海量的 svg 图标供你检索,几乎不能太不便。

正文完
 0