QCon2021奇技论辩——《大前端工程化》杂记

第2.5期 - 间章

第二届北京QCon大前端工程化主题分享会第一天下午半场，以「大前端工程化」为主题，从工程化体系建设、监控体系建设、大型前端系统的性能优化、跨平台开发与组件化建设等多个角度，对大前端工程化进行了全面而深入的探讨，为我们提供了宝贵的经验和借鉴。

工程化体系建设：从0到1，构建前端工程化体系

蚂蚁金服前端技术专家胡晓晨，分享了蚂蚁金服在工程化体系建设方面的实践经验。

胡晓晨认为，前端工程化体系建设可以分为三个阶段：

• 第一阶段：基础建设

这一阶段的主要目标是搭建一个完善的前端工程化工具链，包括代码管理、构建工具、单元测试、代码质量检查、代码部署等。

• 第二阶段：效率提升

这一阶段的主要目标是通过各种优化手段，提升前端工程化的效率，包括优化构建速度、优化代码质量、优化部署流程等。

• 第三阶段：标准化和规范化

这一阶段的主要目标是建立统一的前端工程化标准和规范，并通过各种手段保证标准和规范的执行，从而实现前端工程化的可持续发展。

监控体系建设：从无到有，构建前端监控体系

58同城高级前端工程师李从杰，分享了58同城在前端监控体系建设方面的实践经验。

李从杰认为，前端监控体系建设可以分为四个阶段：

• 第一阶段：基础建设

这一阶段的主要目标是搭建一个完善的前端监控平台，包括错误监控、性能监控、可用性监控等。

• 第二阶段：数据分析

这一阶段的主要目标是通过对监控数据进行分析，发现前端系统的薄弱环节和问题点。

• 第三阶段：告警和通知

这一阶段的主要目标是建立一套完善的告警和通知机制，以便在前端系统出现问题时及时通知相关人员。

• 第四阶段：优化和改进

这一阶段的主要目标是通过对监控数据的分析和告警的反馈，对前端系统进行优化和改进，从而提高前端系统的稳定性和可用性。

大型前端系统的性能优化：从慢到快，优化大型前端系统的性能

京东零售技术部资深研发工程师张曦岩，分享了京东零售在大前端系统性能优化方面的实践经验。

张曦岩认为，大型前端系统性能优化可以分为四个阶段：

• 第一阶段：基础优化

这一阶段的主要目标是通过一些基本的手段，对前端系统进行性能优化，包括减少HTTP请求、优化CSS和JS文件、启用浏览器缓存等。

• 第二阶段：代码优化

这一阶段的主要目标是通过优化前端代码，提高前端系统的性能，包括优化算法、优化数据结构、优化代码结构等。

• 第三阶段：架构优化

这一阶段的主要目标是通过优化前端系统的架构，提高前端系统的性能，包括优化路由机制、优化组件通信机制、优化资源加载机制等。

• 第四阶段：工具优化

这一阶段的主要目标是通过使用各种性能优化工具，对前端系统进行性能优化，包括使用性能分析工具、使用性能优化工具等。

跨平台开发与组件化建设：从一到多，实现跨平台开发与组件化建设

饿了么前端技术专家李想，分享了饿了么在跨平台开发与组件化建设方面的实践经验。

李想认为，跨平台开发与组件化建设可以分为四个阶段：

• 第一阶段：基础建设

这一阶段的主要目标是搭建一个完善的跨平台开发与组件化建设工具链，包括跨平台开发框架、组件库、组件管理工具等。

• 第二阶段：组件开发

这一阶段的主要目标是开发出高质量的组件，并将其纳入组件库中。

• 第三阶段：组件使用

这一阶段的主要目标是将组件库中的组件应用于各种前端项目中。

• 第四阶段：组件维护

这一阶段的主要目标是维护组件库中的组件，包括修复组件中的bug、更新组件中的功能等。

总结

本场分享会的内容非常丰富，涵盖了大前端工程化体系建设、监控体系建设、大型前端系统的性能优化、跨平台开发与组件化建设等多个方面。这些内容对我们前端工程师来说非常有价值，可以帮助我们更好地理解和实践大前端工程化。