存在 UI 复用？

[omsfuk]

作为一名后端（嗯，后端，只是好奇一下），常常对前端感到好奇。。。

代码（区别于样式）是可以复用的，也很容易被复用，因为定制性并不是很强。

而 UI 这种东西我就很迷了，UI 这种东西咋复用？要求定制性这么强。往往不同项目之前的样式风格千差万别，所谓的组件化，复用下逻辑还行，复用样式的话，我觉得就不能理解了。。。迷

欢迎各路大侠来谈谈对 UI 复用的认知和体会^^

[lightening]

@omsfuk 菜单栏可以接受 items，其中的一个 item 可以是个下拉菜单啊。

[lightening]

这和跨项目的代码复用是一样的。如果你想写一个跨项目使用的工具库，肯定是会覆盖一些通用的功能，并提供一些配置选项。如果你要做一个跨项目使用的 UI 库，当然也是覆盖一些通用的 UI 组件，并提供一些配置选项。

[omsfuk]

@lightening emmmm，就怕要求太任性，配置选项不够，，，话说回来，最全的配置选项莫过于 css，虽然抽象层次低

[udqg3v0ZL6h6sHu8]

@hlwjia 哎可是这个道理好多人就是不懂，还以样式复用为荣，最可恨的是不该复用的也非要写在一起。js 慢慢理还能理清楚，但是 css 搞在一起那可真是想骂人。有一次我终于等到项目重构，好不容易把该拆开的拆开了，请个假回来又被前同事把样式抽出来了，嗯，前同事。

[Torpedo]

肯定有复用。设计团队有规范的，所以设计上就有复用，代码肯定也有

[lightening]

@orzzyd 对。是否应该复用不是取决于他们是不是很像，而是取决于他们是不是逻辑上是一样的东西。

[lightening]

@omsfuk 如果像 React Components 一样可以带逻辑，就有其他的配置方法。是的，一个好的 UI 库肯定是要经过科学合理的设计的，就像好的代码工具库一样。

[udqg3v0ZL6h6sHu8]

@lightening 嗯。所以复用与否，很大程度上是产品决定的，不是前端。

[congeec]

@omsfuk #16 3 楼说的很清楚了，简单的基础组件。你的反例反对啥...

[imn1]

其实 UI 比后端更容易复用
因为现在的 UI，基本就是控件(对象)，及其属性、方法、事件的集合（现在可能还多个绑定数据）
实际上设计 UI 很少用到控件的方法（指特殊的那些），事件其实也比较固定
基本上可以写成一些 class/function，传参生成
我的 powershell GUI，就用一个 function 可以动态生成整个 winform，其中有个 form 上面 80+个控件，只是用了一个六百行的 hashtable 做参数传到 function 搞定

有一些控件集，例如选择行政区、住址之类，完全可以做成预制件，只是很少人去做
因为搞设计的懂对象、类的人不多，另外就是前端人才流动性大，前端作业变化比后端多等等

[Philippa]

Flutter 的 UI 组件就是一个个可复用的 Widget

[Building]

那得看遵不遵循 MVC 了。

[learnshare]

Bootstrap 就是组件化的了

[littlebaozi]

基础组件都差不多吧，页面布局就各不相同了