06.组件设计原则笔记

1 组件的意义？

tip

或者说组件还来了哪些好处？

• 样式隔离和封装 每个组件的样式只能是组件内的样式文件，这样避免全局样式的干扰，而且易于修改。

• html的元素封装实现简化 特定的html封装在组件里能再通过易用的方式调用能简化html的文件，大大提高可读性能.

• 业务的代码的封装 提高代码的可维护性 总结下来就是封装实现代码的可复用可维护，用程序的封装概念去封装html、css和js

2 组件的灵活性和易用性之间做选择,找到一人平衡点啊

 一个组件的灵活性的易用性是相对的。过于灵活往往需要配置过多的属性，稳定性方面也可能会出现bug,相反的，过于易用的话则使用的场景往往会被限制住。如有一个grid组件用于宫格布局用的，如果追求易用性的话，数据的展示和数据的请求都封装进去后，这样的组件是可以直接拿来用的啊，这类的就是易用性强的组件，但由于过度封装导致组件的复用性很差。
由于数据的请求也一并封装了， 导致不方便要更换别的数据来渲染，从而难以复用，所以说灵活性很差。而如果数据请求从组件内分离出来的话，让grid组件只负责数据接收并渲染，那么使用的前提是要把数据准备好并传入进去，由于组件只负责数据的渲染大大提高组件的可灵活性(复用性),但相对来说就没有原先什么都封装好的方便了，所以易用和灵活要做个取舍。而一般软件的设计原则之一就是代码复用，所以组件的设计一来说还是要考虑到灵活性的。