前端依赖治理:代码分析工具开发实战

很多前端工程师对于代码静态分析领域的知识储备比较少,很难独立开发针对特定分析目的的代码分析工具。本课程针对这个痛点,从前端依赖治理这个角度出发,由浅入深地讲解代码静态分析需要掌握的基础知、通用能力,帮助开发者从0到1实现前端代码分析工具。

查看详情:《前端依赖治理:代码分析工具开发实战》icon-default.png?t=N7T8https://juejin.cn/book/7202598408815640631?suid=1891586670332824&source=pc

目前很多巨型 Web 应用都基于 微前端架构, 采用多团队 / 多角色协同开发的模式,上层业务开发团队的 子应用项目 依赖下层基础架构团队维护的 基础项目(主应用、组件库、工具库)。

对于扮演依赖提供方角色的基础架构团队,由于不清楚基础项目导出的 API 在各个子应用项目中真实的调用及分布信息,所以在工具库升级、基础框架重构时,无法评估新变更对于子应用项目团队的影响程度,通常只能无限向后兼容,导致基础框架越发臃肿,难以维护。

查看详情:《前端依赖治理:代码分析工具开发实战》icon-default.png?t=N7T8https://juejin.cn/book/7202598408815640631?suid=1891586670332824&source=pc

想要了解上下层项目间真实的代码依赖关系,最有效的做法是对全部子应用进行代码静态分析,对项目代码中的 API 调用进行定位 & 检测 & 统计 & 分析,生成代码分析报告。

很多前端工程师对于代码静态分析领域的知识储备比较少,很难独立开发针对特定分析目的的代码分析工具。课程针对这个痛点,从前端依赖治理这个角度出发,由浅入深式的讲解代码静态分析需要掌握的基础知识、通用能力,帮助开发者从 0 到 1 实现前端代码分析工具。

查看详情:《前端依赖治理:代码分析工具开发实战》icon-default.png?t=N7T8https://juejin.cn/book/7202598408815640631?suid=1891586670332824&source=pc

代码分析工具可以帮助开发者实现“脏调用”拦截,代码评分、代码告警等应用场景,通过集成代码分析能力搭建代码分析平台还可以处理分析更多维度的 API 调用数据。

课程总共 17 小节,大致可分成基础知识、具体实现、应用场景三个阶段。

查看详情:《前端依赖治理:代码分析工具开发实战》icon-default.png?t=N7T8https://juejin.cn/book/7202598408815640631?suid=1891586670332824&source=pc

阶段一: 学习 AST 抽象语法树、编译原理,利用所学知识实现简单的 TS 代码分析脚本,帮助开发者快速上手。

阶段二: 学习工具架构设计,掌握依赖调用的分析范式,建立通用方法论,根据分析范式逐步实现分析工具。

阶段三: 学习配置 GitLab CI,通过分析工具实现“脏调用”拦截、自动化分析、报告推送、代码告警等应用场景。

你会学到什么?

  1. 掌握 AST 相关知识,学习代码编译原理;
  2. 掌握 TypeScript Compiler API 的用法;
  3. 学习代码分析工具的架构设计,代码设计模式;
  4. 建立依赖调用分析的通用方法论(分析范式);
  5. 学习设计插件方案,解耦主程序与插件程序;
  6. 熟悉大型前端团队的 Workflow,工程化体系;
  7. 学习配置 GitLab CI,实现代码分析自动化。

适宜人群

  1. 想对 AST,编译原理,代码静态分析等方向有深入了解并应用的前端开发者;
  2. 想要通过工程化手段解决多团队协同开发模式下项目依赖治理难题的前端架构师;
  3. 想要搭建代码分析平台,对代码进行评分,完善代码质量体系建设的前端 Leader。

查看详情:《前端依赖治理:代码分析工具开发实战》icon-default.png?t=N7T8https://juejin.cn/book/7202598408815640631?suid=1891586670332824&source=pc

  • 18
    点赞
  • 20
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值