烧不死的鸟🐦是凤凰 | 2021年中总结

DevUI 是一款面向企业中后台产品的开源前端解决方案,它倡导沉浸灵活至简的设计价值观,提倡设计者为真实的需求服务,为多数人的设计,拒绝哗众取宠、取悦眼球的设计。若是你正在开发 ToB工具类产品,DevUI 将是一个很不错的选择!html

Kagol.png

前言

每一个人都有本身的职场状态。前端

  • 刚开始对一切都不熟悉,须要导师带着完成任务,处于适应期;
  • 慢慢地,开始熟悉业务和流程,并能独立完成项目,处于熟练期;
  • 当你业务熟练到一种程度以后,你对一切都游刃有余,也总能超出预期地工做,这时处于稳定贡献期,同时也处于瓶颈期;
  • 这时,你须要转变工做方式,扩展本身的能力边界,并主动争取机会进行转型。

你如今处于哪一种职场状态呢?欢迎在评论区讨论。vue

1 业务交付

2021年1月1日,ProjectMan前端业务正式交棒到我这里。git

从只负责一个看板项目,到负责整个ProjectMan前端业务(包含三个Portal业务和两个微前端服务);github

从只须要管好本身的事,到须要同超过50人的团队一块儿协做共同完成目标;web

从只须要有扎实的技术能力,到须要同时具有项目管理能力、沟通协做能力、团队管理能力。npm

这对我来讲是一个挑战,也是一个转型的好机会。安全

1.1 对齐目标

因为岗位职责的变化,我第一时间跟业务这边的领导对齐了业务目标:微信

  • 高效、高质量交付核心用户需求
  • 保障现网质量,无中等及以上现网事件
  • 配合公共团队作架构升级,期间无现网事故

1.2 制定计划

明确了目标,接着就是制定计划,上半年主要分红两个部分:markdown

  • 1-3月:聚焦业务架构升级
  • 4-6月:聚焦项目空间重大特性的交付

而现网质量的保障须要贯穿业务交付的整个过程。

制定计划的关键是:

我要按什么优先级顺序,作哪些事情,才能完成目标?

业务架构升级

业务架构升级是为了保障DevCloud总体业务的交付质量和可扩展性,是第一季度业务的重点。

这里的关键在于对整个Ops流程的理解,从DevCloud总体业务架构、部署架构,到先后台LB、流水线、构建、部署流程、各公共服务的依赖关系,再到如何搭建环境、如何演练、出现问题以后如何定界和推进解决,都必须很是清楚,才能保障整个架构升级的安全、顺利地实施。

中间经历了10+次凌晨演练和现网升级,50+次加班到22点之后,每次演练和升级以前都仔细梳理、记录和反复检查指导清单,没有出现一次中等及以上的现网事故,虽然很累,但和你们一块儿“战斗”的经历将弥足珍贵。

任总说过:

烧不死的鸟🐦是凤凰,从泥坑中爬出来的才是圣人。

我想,经历过业务的历练和洗礼,我将有更大的自信和勇气去迎接将来的挑战!

高效、高质量交付特性

高效、高质量交付特性的关键在于:

  • 对业务和流程的熟悉
  • 项目架构的优化和代码质量的提高
  • 充分的测试

因此第一件事就是梳理业务流程和模块,对整个ProjectMan有一个全局的认识。

而后是从业务出发,识别项目在开发侧上的问题,包括:

  • 路由设计
  • 目录结构
  • 性能问题
  • 大文件/复杂模块
  • 文件/代码重复率
  • 圈复杂度

并制定重构和优化计划。

接着是配合和协助测试团队完善全量测试用例,梳理业务交付和版本迭代的流程。

除了平常的版本交付,第二季度还有幸主导了项目空间大特性从零到一的交付。

我带领的4人前端团队,整个第二季度几乎所有投入到项目空间特性的开发。

从搭建项目框架、路由设计、模块划分、组件树设计,到任务分配、核心模块开发、功能和体验验收,再到主机申请、流水线搭建、项目部署整个流程全程主导,中间你们加了很多班,不过通过这三个月,我感觉到了团队小伙伴巨大的潜力,也给了我很大的信心。

我想,之后无论参加任何“攻坚战”、“突击战”,咱们这只“劲旅”都能圆满而漂亮地完成。

如下是该项目的数据:

指标 数值
高保真设计稿 200+
后台接口 60+
测试用例 900+
代码行数 28000+

1.3 时间管理

在负责整个ProjectMan业务交付的过程当中,我做为前端负责人的角色,除了平常开发和团队管理工做,还会频繁地收到来自外部的诉求,也须要不断地向外部求助,不少都是临时性的、琐碎的事情,常常须要同时处理不少事情。

所以作好时间管理特别重要。

首先,须要明确本身的时间具体花在哪儿?

我把本身当成一个新人,天天下班前给本身发一封【时间记录】的邮件,详细记录本身一天都作了些什么。

  • 细到每次会议收获了什么、达成了什么共识
  • 细到协助同事解决了一个什么bug
  • 细到编写了一份指导文档、完成了一张胶片

接着,每周回顾【时间记录】邮件,看看:

  • 哪些是能够彻底不作的,好比无效的需求、过分的优化、跟本身无关的会议
  • 哪些是能够想办法受权给别人作的,若是目前团队没人能作,就须要培养团队能力
  • 哪些是最核心和关键的事情,并对这些事情作优先级排序,要事优先

时间管理的本质就是:

聚焦最核心和关键的事情,将整块的时间、将最旺盛的精力投入到这些关键事情上,这样才能最大程度地产生有效贡献和成果。

1.4 团队管理

时间管理属于我的管理,做为团队负责人,除了管好本身,还须要带领好团队一块儿完成目标。

你本身明确了目标和计划还不够,还须要让团队全部成员都明确当前的目标和计划。

而且对目标进行分解,对任务进行划分,让合适的人作合适的事。

团队管理最关键的是作好如下事情:

  • 向团队成员传递什么是最重要的事,确保你们都在作有利于实现目标的事
  • 为团队成员争取最大的资源,为实现目标扫除障碍
  • 鼓励团队成员扩展能力边界,时刻准备挑战更高的目标

2 开源运营

除了参与业务交付,我也在持续作DevUI开源运营,2020年只是DevUI开源的起点,详细总结可参考:

🏆 DevUI × 掘金 | 技术人的2020

2021,咱们在持续努力,为社区提供更多实用又好用的组件,将内部优秀实践开放出来,让更多的开发者/企业/用户受益。

2.1 新增组件

2021上半年一共发布9个大版本,为DevUI添加了7个新成员,它们是:

组件名 中文名 发布版本
DatePickerPro 📅新版日期选择器 11.4.0
Mention ⏰说起组件 11.2.0
CategorySearch 🔍分类搜索 11.1.0
NavSprite 🧚‍导航精灵 11.1.0
ReadTip 💡阅读提示 11.0.0
Cascader 🔗级联菜单 10.2.0
TimePicker ⌚️时间选择器 10.2.0

详细的 Release Notes 参考:

github.com/DevCloudFE/…

2.2 Github Star

对于一个开源项目来讲,有人喜欢、有人使用是对做者最大的鼓励,也是开源做者持续作开源的最大动力。

Star 数是一个很好的评价开源项目受欢迎程度的指标。

ng-devui的star数从年初的570左右增加到年中的860左右,涨幅50%左右,其中

  • 4月底到5月初
  • 6月初

有两个小的增加点,这两个增加点贡献了将近1/3的star数,这给了咱们极大的信心!

star.png

数据来源: star-history.t9t.io/#devcloudfe…

咱们对这两个增加点作了分析。

4月底,咱们正式开源了DevUI Admin 1.0,为用户快速搭建中后台前端系统提供了一整套解决方案。

号外号外!DevUI Admin V1.0 发布啦

6月初,咱们发布了DevUI 11.3.0版本,并首次开放了DevUI动效。

DevUI 11.3.0 发布:首次开放 DevUI 动效 2021.6.3

持续作,作精品,不负开发者的期待!

将是 DevUI 2021年开源的主旋律。

2.3 npm下载

star数只是表明开发者是否喜欢这个开源项目,表明的只是一种潜力,喜欢不必定会用,由于可能暂时没有使用场景。

而npm下载量则说明用户可能有使用场景,打算用用看。

npm平均周下载量同比2020年下半年涨幅大概25%左右,有必定的增加,不过和业界优秀的NG组件库相比仍是有很大的差距,还须要继续努力💪

npm.png

数据来源:npm-stat.com/charts.html…

2.4 DevUI官网UV

npm下载量只是表明用户打算尝试使用,有可能安装完发现知足不了诉求就不用了,而频繁访问DevUI官网的用户才是实实在在在使用DevUI组件库。

咱们统计了这半年来官网的月活数据,月UV/PV都翻倍了,UV从1月份的3000+增加到6月份的将近8000,而PV则突破了10万大关👏🎉🥳

受用户喜好、被开发者使用、有用户反馈,DevUI才能作的更好!欢迎你们关注和使用DevUI!

服务流量UV.PNG

3 异曲同工

人生就像一场旅行,每一个人的起点都不同,走过的道路也不同,但这一场都有一个共同的主旋律,就是成长和收获。

  • 咱们为此次旅行准备了什么?
  • 经历这一路的风景,我收获了什么?
  • 每到达一个目的地,我是否都在成长?

工做是让本身成长的绝佳场所,咱们在工做中不只须要不断学习、精进技能,为公司贡献本身的力量,更须要学会沟通和协做,磨练本身的心性。

拼命工做是磨炼心性的最佳方法。—— 稻盛和夫

4 将来展望

DevUI 在将来主要聚焦在如下方向:

  • 持续优化组件和官网体验,不只让最终的用户用得舒服,也让开发者用得舒服
  • 根据用户反馈丰富组件库,知足更多开发者的业务场景
  • 开源文本编辑场景组件(如:富文本、Markdown等)
  • 持续打磨 DevUI Admin 项目(DevUI Admin 2.0版本即将发布,尽情期待!)
  • 孵化 Vue DevUI 项目(目前已完成7个组件,并发布到npm仓库,欢迎你们一块儿建设Vue DevUI)

欢迎您一块儿参与DevUI的开源,咱们任何形式的贡献!

欢迎加DevUI小助手微信:devui-official,一块儿讨论组件技术和前端技术。

欢迎关注咱们DevUI组件库,点亮咱们的小星星🌟:

github.com/devcloudfe/…

也欢迎使用DevUI新发布的DevUI Admin系统,开箱即用,10分钟搭建一个美观大气的后台管理系统!

加入咱们

咱们是DevUI团队,欢迎来这里和咱们一块儿打造优雅高效的人机设计/研发体系。招聘邮箱:muyang2@huawei.com

文/DevUI Kagol

往期文章推荐

DevUI 11.4.0 发布:DatePickerPro来啦

号外号外!DevUI Admin V1.0 发布啦

DevUI 11.3.0 发布:首次开放 DevUI 动效 2021.6.3

🏆 DevUI × 掘金 | 技术人的2020

让咱们一块儿建设 Vue DevUI 项目吧!🥳

2021年最值得推荐的7个Angular前端组件库

封面图来自纪录片:

Stephen Axford:一开始我不太肯定那是蘑菇,还觉得是地上的一张蓝色糖纸。它真的好蓝好蓝啊!

掘金年中主题活动 | 2021 个人半程成长之路征文活动正在进行中......

相关文章
相关标签/搜索