燒不死的鳥🐦是鳳凰 | 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 個人半程成長之路徵文活動正在進行中......

相關文章
相關標籤/搜索