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 与个人技术之路 征文活动正在进行中......