Skip to content

快速开始

前端依赖文件可视化

  1. vscode 插件 : Dependency Cruiser Extension
  2. https://github.com/pahen/madge
  3. https://github.com/sverweij/dependency-cruiser

流行语言排行榜

https://survey.stackoverflow.co/2023/#most-popular-technologies-language-prof

https://www.jetbrains.com/zh-cn/lp/devecosystem-2023/languages/

npm包比对

npm包下载量对比

查npm的下载情况

npm-stat.com/

输入npm包名,多个包名用逗号隔开,点击Show charts即可查询

通过分析和对比,我们能初步的评估其生态和活跃度。在技术选型上也能给我们提供参考帮助

react,vue,@angular/core,svelte,solid-js比对

https://npm-compare.com/react,vue,@angular/core,svelte,solid-js

vue,react比对

https://npmcharts.com/compare/vue,react?interval=30

常见单词缩写

qty - quantity 数量

常见英文单词

nested - 嵌套

approach - 方法、途径

alternatives - 替代方案

Ramda - 函数式编程库,拉姆达

Archive - 存档

vanilla - 纯净的,未加工的

tedious - 乏味的,单调的

colocating - 放置在一起

Alternatively - 或者,另外,作为选择,二者择一

the curried version - 柯里化版本

immediately - 直接地,立即地

workaround - 解决方法,变通方法

DRY things up - 使代码更干净

bound - 限制;绑定

modularity - 模块化

according to - 根据

前端监控、埋点

growingio www.growingio.com/(简称gio,埋点统计,数据可视化不错,使用的公司较多。)

fundebug www.fundebug.com/(付费产品,能支持js、nodejs、小程序、java等。如果有条件自研的话,可以参考这个)

sentry sentry.io(自动报告错误和异常)

sonar 前端质量代码扫描神器(推荐,很多公司有使用,能兼容不同语言。扫描找出代码中潜在的bug)

kibana 功能类似sentry, 在服务端的错误上报。

pinpoint (统计、监控接口情况的工具)

阿里 应用实时监控服务ARMS (数据统计、埋点可视化)

腾讯日志服务 cloud.tencent.com/document/pr… (数据统计、埋点可视化)

友盟 www.umeng.com/ (数据统计、埋点可视化)

gka

https://github.com/tagerwang/gka (推荐尝试,一键快速图片优化、生成动画文件)

tinypng tinypng.com/(前端在线压缩必备工具)

Contributors

作者:Long Mo
字数统计:524 字
阅读时长:1 分钟
Long Mo
文章作者:Long Mo
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 Longmo Docs