对UI库的一些感触

最近在赶一个后台系统，用的是elementUI，早之前写个太多的后台管理系统使用elementUI了，只是这一次有了一些感触。

早之前用elementUI的时候，只有一些特殊组件才会使用，比如table、tree、DatePicker等，而基本的布局和标签就很少使用，很习惯手写。看了看以前的代码，页面的标签大部分还是普通的标签，没用到elementUI的组件。

而这次有点感触就是一起合作开发的，几乎整个页面都用了elementUI的组件，就算是一个行内标签也用el-row，没用什么p标签。要是以前，我还是会觉得没必要，这些我都可以自己撸，不喜欢用UI库的。慢慢的自己也开始都用UI库的，当一些熟悉和习惯之后，用UI库的开发更高效了，连一些异常都会少了一点点。

比如自己写一个左右布局，左边的列表是可以伸缩的，右边的用自己写的标签，在伸缩之后宽度不会减少，导致底部多了滚动条，而用el-main就可以解决这个问题，虽然只是因为两个css的属性导致的，自己写个class也能解决，解决过程还是花了十几分钟去测试，从一开始使用el-main就不会有这个问题。自己还去看了一下el-main的源码：

<template>
  <main class="el-main">
    <slot></slot>
  </main>
</template>

<script>
  export default {
    name: 'ElMain',
    componentName: 'ElMain'
  };
</script>

另外的感触就是UI库确实强大，以前用的时候都不是很深，这次的一些功能会用到一些不常用的属性和方法，一些自己都觉得很不好写的功能，UI库几乎都考虑到了，就算一些没有的，也可以通过已有的方法属性去处理就能获得。比如tree组件，API属性就25个，方法就有18个，触发方法就有13个，虽然不知道一开始的时候封装组件提供了多少API，仅仅是现在就已经让我觉得很强大了。再想想自己之前封装的组件，只有几个自己想得到和用得到的属性和方法，而且还是最简单的组件。

最后说一个点，之前看过的一些教学视频很喜欢用bootstrap这个UI库写一些demo，那些老师也是从一行到一个按钮都是用bootstrap的样式，那时候的我也是像刚说的那样，这么简单的东西为什么不自己手写，现在也是明白了一些。

现在想想，这些开源的东西，从社区中获得更多反馈，推动了项目的成长，又扩大了团队的影响力，吸引更多的大佬。多少人没办法写一套这样的东西，反而成为了维护者或者提交issue被解决，然后出去的时候就有了一些不一样的资本。