王伟东-行业大客户的前端工程管理与优化实践.pdf

《王伟东-行业大客户的前端工程管理与优化实践.pdf》由会员分享，可在线阅读，更多相关《王伟东-行业大客户的前端工程管理与优化实践.pdf（37页珍藏版）》请在三个皮匠报告上搜索。

1、行业大客户的前端工程管理与优化实践主讲人:王伟东演讲嘉宾介绍王伟东合思行业大客前端Leader 曾就职于陆金所，20年加入合思团队，负责行业大客户的前端开发管理工作 8+年前端开发管理经验，在C端、B端产品前端工程领域有多年实践经验，擅长对老项目进行改造升级及性能调优CONTENT目录2023K+01 行业大客户的项目特点前端工程的挑战及优化思路某央企项目工程实践分享020304总结及未来展望独立部署个性定制国央企行业巨头国央企、行业巨头、院校教育及对数据要求苛刻需要独立部署，受主客观因素，业务需要个性定制及对接的客户何为行业大客户？谈及前端工程，我们在聊什么？01040203提高开发效率保障

2、代码质量促进团队协作代码复用、自动化流程Part 01行业大客户的项目特点客户特点 独享私密数据01多种部署方式02安全保护升级03功能定制开发04SmartOPS多种部署方式及一些部署的限制，我们的运维工作及配置管理工作都是手工进行，低效的工作需要实现自动化。高效维护多个项目系统需要具备强大的功能拓展能力，聚合客户需求，随着代码规模增大，需要合理的组织代码的协作，或聚合或拆分。对接三方系统我们需要对接三方系统，单点登录，一体化管理，那么在代码构建上需要支持多入口，多种登录系统的配置式选择，能够平滑的支持多种多方系统的接入 安全与性能治理安全保护升级，需要针对不同的客户实现不同的加密策略，核心

3、数据加密可以管理配置，数据性能需要持续优化。业务挑战Part 02前端工程的挑战及优化思路Part 03某央企项目工程实践分享1、项目体积变化带来的问题，怎么办？子项目拆分与聚合 webpack-micro-cluster进程间通信Monorepo代码构建优化 数据对比 2、多人多团队协作成本高，怎么解决？微前端加快迭代效率 微前端微前端浏览器端-运行层部署阶段-管理中心编码阶段服务器端组装3、多个项目维护成本高，怎么控制？多分支管理，可插拔的功能模块 SmartOPS4、性能问题如何优化提升？1优化 long Task3合理的工程架构2控制请求量及体积4有舍有得通过 Performance 工具分析出 long task，定位到耗时搞的代码，使用web worker等手段针对性优化通过合理的工程架构，提高项目代码的复用性，可维护性，拆分模块缩小项目压力。通过一些网站性能分析工具，定位资源加载瓶颈，合理split chunks 规则，去掉未使用的代码，配合服务端减少传输体积不是所有的性能优化都有价值，真正有价值的优化，必定是从端到端的业务场景建立体系考虑的如何找出优化点？Part 04总结及未来展望展望与规划展望与规划THANKS