2019 年的豐功偉績 | 掘金年度徵文

2019 年的今天，也是前端生涯的第七個年頭。牙千兒兄來自偉大的帝都，一個古老文明的大都市，一個千萬人嚮往的大都市，一個每天霧霾的大都市，一個每天堵車的大都市。迎着 2019 年最後一陣的寒風，藉着掘金徵文機會，靜靜的坐下來，喝杯熱茶，想一想本身。

2019 年的豐功偉績

2019 年更多的精力放在了開源上面，提供最底層，最通用的支持。2019 年更多的精力放在了交付率上面，水滴的誕生正是爲此邁出了艱難的一步。2019 年更多的精力放在了思考上面，思考怎麼才能提升前端交付率，怎麼才能提升用戶體驗，怎麼才能讓前端不在重複無腦工做，怎麼才能讓前端再也不重複造輪子。

下面的圖是我在 Github 上 2019 年的貢獻度。收穫了 3116 個提交，較去年相比降低了 2753 個提交。更多的精力放在了思考上以及總結上，提升了每一個貢獻的質量。

面向 B 端

• 水滴組件庫

水滴組件庫誕生於 2017 年，早年的水滴是用 JavaScript 編寫的。從 2018 年開始規劃水滴組件庫的重構工做，並開始實施。從 2018 年開始，一步一個腳印的開始從 JavaScript 到 TypeScript 的遷移。直到 2019 年，天天只睡幾個小時的我終於讓水滴組件庫初具規模，終於讓水滴組件庫落地，終於交付給業務端進行使用。目前水滴組件庫中內置大約 42 個組件，基本知足業務端的需求，想要充分知足還要有很長的路要走。

• VS Code 插件

有一個 VS Code 的插件，名字叫 vscode-water-helper ，它的誕生提升了水滴組件編寫的速度。四十來個組件，上百個屬性方法，如何記住，如何熟練運用呢？何不安裝 VS Code 插件。無需背誦任何組件信息就能夠應對上百種屬性方法，輕輕一敲便可出現組件提示。隨着水滴版本的更新， VS Code 插件也不斷更新，時時保持同步，不用擔憂屬性方法的落後。

• 迷你圖組件

經過數據直接在瀏覽器中生成迷你圖（小型內聯圖）。小小的迷你圖沒有 AntV 功能豐富，但小巧精悍。能夠知足小容器下的數據展現。

面向 C 端

因爲 C 端頁面通常定製化比較強，因此暫時沒推出專屬 C 端的組件庫，通用模塊暫時以獨立組件的形式存在着。

• WAP 端對話框組件

用做顯示系統的重要信息，並請求用戶進行操做反饋，如：退出當前帳號時，彈出 Modal 進行二次確認，避免用戶誤操做。

• WAP 端輕提示組件

Toast 是一種輕量級反饋或者提示，能夠用來顯示不會打斷用戶操做的內容，適合用於頁面轉場、數據交互的等場景中。

• WAP/PC 端加載組件

Loading 是可定製化的加載，支持全局加載，也支持部分加載。用於請求數據以前的等待，提升用戶體驗。

2020 年的宏偉藍圖

企業框架

2020 年計劃推出一款可插拔的企業框架，更加嚴格約定前端的架構及代碼，更加簡化前端的開發流程，更加減小前端無腦式的工做，更加提升交付率。框架的將來計劃實現：

• 一行命令建立頁面，包括： 路由的配置，權限的設定，樣式文件，Mock 文件等
• 一行命令新增 Vuex 的狀態
• 一行命令切換模式，SPA 模式和純前端模式（先後端混合）能夠無縫切換，應對不一樣場景，不一樣角色，不一樣項目的開發
• 性能監控模式，讓代碼飛一會
• 帶有對 Vue ，Vue Router ，Webpack ，彙總等的內置支持
• 快速的開發人員啓動，包括 Dll 對 Config 的支持等
• TypeScript 及 JavaScript 的支持
• 可視化工程的支持

水滴組件庫

隨着 Vue 3.0 的到來，水滴正在規劃新一輪的大版本迭代。新一輪大的迭代主要運用 Vue 3.0 進行代碼重構，功能的新增，組件庫體積的優化。具體計劃還要根據 Vue 3.0 的時間而定。水滴的 0.x 版本將繼續維護，但不在推出新的組件功能，更多功能將在下個大版本中添加。大版本計劃：

• 經過組件分包完全實現按需加載
• 貫徹 Vue 3.0 的支持
• 組件的重構，更加好用，更加知足不一樣場景
• 實現主題定製
• 用 Dayjs 替換 Moment.js
• 更多更好用的組件即將面世

富文本編輯器

IEditor 是 2018 年開發的一款可定製可插拔的富文本編輯器。在 2020 年將計劃完全重構。具體計劃：

• 全面擁抱 TypeScript
• 提供插件系統
  • 皮膚系統。隨着業務場景不同，隨着使用場景的不同，一套 UI ，一套排版難以知足多場景的使用。
  • Markdown 的支持
  • 不少功能將以插件的形式存在，如圖片，對齊等
  • 使用者可自行開發
• 優化體積
• 使用虛擬 DOM 進行操做
• 支持數據渲染，而不單單是帶有 HTML 的字符串渲染

End

共勉，完。

掘金年度徵文 | 2019 與個人技術之路 徵文活動正在進行中......