代码优化与重构

会议室:待定
出品人:薛樊(叶兮)

代码的优化与重构与每位开发者都密不可分,由于系统复杂度的提升、维护人数的增多、框... 展开 >

专题出品人:薛樊(叶兮)

阿里巴巴前端技术专家

负责多个大型广告主投放系统及运营平台的多端研发与架构升级,是代码分析转换工具 GoGoCode 作者,基于 GoGoCode 为社区框架 Vue.js 升级提供了完整的解决方案并主导开源推广,在代码优化与重构、架构升级等方面有丰富的实践经验。

专题:代码优化与重构

代码的优化与重构与每位开发者都密不可分,由于系统复杂度的提升、维护人数的增多、框架的升级等因素,代码的性能、质量往往会变得不可控。优化重构的目标和原则是什么?如何优化代码使其更容易理解、可扩展性更强?如何评估当前是否适合进行重构升级,以何种方式?有哪些手段保障重构过程和收益评估?本专题会聚焦以上问题,结合实践进行探讨和分享。

by 冯雨

阿里巴巴
阿里妈妈用户体验与研究中心 资深前端工程师

大型项目的重构是很多人做梦都想做但醒来想想看要修改的代码量就望而却步的事情。好的程序员从来不重复自己的操作,本专题将带你探索自动化代码重构的世界,从代码解析到代码转换,写一段代码来帮你改代码。

演讲提纲:

1. 背景介绍

  • 对项目大规模重构的难点
  • 编写 CodeMod 来自动化重构项目

2. 认识 JavaScript 抽象语法树(AST)

  • 从代码到 token
  • AST 树结构可视化
  • 常见语句的 AST 结构
  • 修改 AST 语法树

3. 掌握代码转换工具

  • 主流 JavaScript 代码转换工具介绍
  • 通过「代码选择器」找到我们想改的代码
  • 对找到的代码进行修改
  • 实战完成一个小功能

4. 航母级应用优化和瘦身

  • 冗余代码逻辑的清理
  • 模块导入导出语句的统一
  • 框架升级场景的应用

你将获得:

  • 了解 AST 语法树
  • 可以自己上手写一个代码转换工具
  • 对大项目的重构不再一筹莫展

by 黄泓玮

腾讯
微信广告 前端开发工程师

2020年,微信小程序日活用户已突破 4 亿,越来越多重要服务通过小程序去承载,小程序的体验问题也愈发受到大家的关注。作为用户交互的入口,首屏性能的提升能带来极大的收益。本专题将带领大家体验小程序性能优化的全过程,从性能衡量到监控指标的设计以及性能优化的各种手段。

演讲提纲:

1. 认识小程序架构

  • 小程序的架构以及与传统 web 的异同

2. 小程序代码优化实战

  • 小程序加载运行的全流程
  • 小程序性能分析与监控指标的上报
  • 启动性能优化
  • 首屏渲染优化
  • 运行时性能优化
  • 优化总结及拓展

你将获得:

  • 了解小程序性能的衡量与优化方式
  • 提高商业变现效率

by 黄俊彬

Thoughtworks
DTO Advisory

移动应用领域的发展已经超过 10 年,在移动互联网的高速发展及竞争中,更快及更高质量的交付用户,显然尤为重要。但很多产品随着移动互联网的发展,已经迭代超过十年。在这个过程中人员流动、技术债务累计、技术生态更新,使得产生了大量的遗留系统。在对遗留系统的整改当中,All in Activity 是最常见的一种典型坏味道,在开发中,将所有的业务逻辑、UI 操作全部都放在一个类中,导致存在大量过万行的上帝类。本次我将为大家分享的 MV*模式重构演进将结合业内主流的 MV* 模式,高效安全地将遗留代码重构至 MV* 模式,提高代码健壮性及可维护性。

演讲提纲:

1. All in Activity 产生原因及影响

  • 产生原因
  • 对团队及业务影响
  • 重写 or 重构

2. MV* 模式重构策略

  • 重构流程
  • 重构安全性及效率
  • 重构度量

你将获得:

  • 了解安全重构落地流程及方法
  • 通过示例演示了解完整的重构过程
  • 了解 Android 遗留代码自动化测试策略
  • 了解如何使用 IDE 进行自动化重构
  • 了解如何为重构做好关键的度量反馈

by 黄俊彬

Thoughtworks
DTO Advisory

移动应用领域的发展已经超过 10 年,在移动互联网的高速发展及竞争中,更快及更高质量的交付用户,显然尤为重要。但很多产品随着移动互联网的发展,已经迭代超过十年。在这个过程中人员流动、技术债务累计、技术生态更新,使得产生了大量的遗留系统。在对遗留系统的整改当中,All in Activity 是最常见的一种典型坏味道,在开发中,将所有的业务逻辑、UI 操作全部都放在一个类中,导致存在大量过万行的上帝类。本次我将为大家分享的 MV*模式重构演进将结合业内主流的 MV* 模式,高效安全地将遗留代码重构至 MV* 模式,提高代码健壮性及可维护性。

演讲提纲:

1. MV* 模式重构示例演示

  • 梳理业务逻辑
  • 分析代码设计
  • 补充守护测试
  • 简单设计
  • 小步安全重构
  • 集成验收测试

2. 总结

你将获得:

  • 了解安全重构落地流程及方法
  • 通过示例演示了解完整的重构过程
  • 了解 Android 遗留代码自动化测试策略
  • 了解如何使用 IDE 进行自动化重构
  • 了解如何为重构做好关键的度量反馈

by 蒋豪群

Vue Technology LLC
Open Source Developer

我们经常为了防止代码腐化而对项目进行重构。但是大型项目并不只有代码本身,还有背后所使用的开发工具。随着语言、框架的持续迭代,项目所使用的工具链可能也会逐渐落后,需要升级甚至切换。而常常伴随于此的是无奈且成本高昂的代码重构。本次分享我将以 Vue 社区最新的技术选型转换为例,为大家梳理当前流行的前端工具转型逻辑,并针对此趋势,探讨项目的代码优化策略。

演讲提纲:

1. 背景介绍

  • 最新的 Vue 项目的开发工具建议
  • 与前代工具相比的优势及功能介绍

2. 技术选型背后的思考

3. 旧项目转型实践

  • 减少模糊地带、建立共识
  • 面向标准书写代码
  • 工具辅助重构

4. 总结

你将获得:

  • 了解当前前端社区的技术流行趋势
  • 了解当前 Vue 项目的最佳实践和最佳实践的产生过程
  • 了解旧项目转型的基本策略

交通指南

来广营·朝来科技园

Laiguangying Beijing
地址: 北京市朝阳区来广营朝来科技园
  • 微信咨询

  • 电话咨询

    联系电话:+86 13167596032

微信联系我们