网易云复盘：云计算前端这一年（AngularJS粉慎入）

Posted 2020-10-31

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了网易云复盘：云计算前端这一年（AngularJS粉慎入）相关的知识，希望对你有一定的参考价值。

本文由网易云发布。

作者：赵雨森

2017年的前端已然没有剧烈的变动，但发展势头仍然不减。语言、标准、框架和库逐渐稳定和完善，各团队再也不用花大把精力放在造轮子上，而更多的是去积累所需的组件库、开发合适的工具以及整合自己的解决方案。

我们云计算技术部前端开发组也不例外，在与云计算其他组一起度过了网易云基础服务（网易蜂巢）去年的快速发展期之后，现在的主要目标已经转为如何更好地加快迭代效率、提升用户体验、提高网页性能。针对这个目标，我们组在这一年中对前端技术、工作模式、技术积累等方面做了整体的优化与演进。

前端技术

技术选型

年初，在调研和讨论市面上的各个框架之后，我们决定抛弃老的 NEJ+Regular+MCSS 架构，改用 Webpack+Vue+PostCSS+CSSModules 架构。

主要从以下这些方面考虑：

开发效率（Webpack的热更新 + Vue组件的局部热更新 > 传统开发模式的手动刷新）
性能问题（Vue的依赖管理 < Regular的脏检查）
潜在 bug（Vue的单向流 < 数据流向不明确的双向绑定，CSSModules局部class < 传统CSS全局class）
框架流行度（Webpack+Vue+PostCSS > NEJ+Regular+MCSS）
学习曲线（Vue < NEJ+Regular）
文档完善性（Webpack+Vue+PostCSS > NEJ+Regular+MCSS）
社区支持（Webpack+Vue+PostCSS > NEJ+Regular+MCSS）
...

以下两张表是我们针对各个框架的调研结果，放出来供大家参考：

目前除了网易云基础服务控制台正在迁移架构之外，后来开发的系统如域名系统、运营平台、专属云管理平台等均已采用新的架构方案。

组件库

为了减少开发成本、保证各项目用户体验的一致性，我们根据设计组制定的规范，实现了一套独立的组件库——CloudUI。

目前 CloudUI 已包含 50 多个组件、3 套主题，实现完善度达到 80%，业务覆盖率达到 75%，同时支持了多个云计算项目。

经过几个月的实践，我们已经练就一套成熟的迭代流程，能够快速响应、快速开发、快速发布，并且能输出细致的 ChangeLog：

v0.1.25

修复：
- 移除对`u-modal`组件增加`heading`属性和样式修改，
- 修复`u-table-view`组件在`display`值为`none`的情况下，显示错乱问题

增强：
- 更新组件`u-line-chart`样式，增加到20种不同颜色线段和超出设置默认线段颜色