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
共勉，完。
