组件库的使用与自定义组件|青训营笔记

81 阅读2分钟

首先,什么是好的组件? 好的组件应该具有高内聚、低耦合的特点。这意味着一个软件模块由相关性很强的代码组成,只负责一项任务,并且尽可能使其独立存在,减少不同功能或模块之间紧密关系。高内聚和低耦合可以保证服务的独立性以及系统的灵活度。另外,好的组件应具有通用性和易拓展的特点。 总之,一个好的组件库需要考虑到各个方面的问题,并且组件开发需要按照规范进行,才能提供高效、易用、易维护的组件服务给用户。 对于组件的设计,需要注意以下几点:

  1. 接口定义:为组件定义接口类型时,应继承原生DOM(或基础组件)属性,避免属性遗漏或重复声明。
  2. 类名前缀统一:组件应使用特殊且统一的类名前缀,尽量降低与用户类名冲突的可能性。
  3. 避免行内样式和css modules:确保外部可通过类名进行样式覆盖。
  4. 避免在js中直接引入样式文件:应尽量保证逻辑与样式的分离,确保用户可以分别引入js和css文件,避免由于构建环境的不同导致的用户编译失败的问题。
  5. 注意组件样式的按需加载:在基于基础组件库如Arco进行业务组件的逻辑封装时,应注意按需引入所依赖的Arco基础组件的样式文件。 总结 这节课主要讨论了组件库的架构设计和组件开发中的组件组织和组件设计问题。 在架构设计方面,可以选择单包架构或多包架构,打包速度、样式方案、产物构建、质量保障、文档部署、组件API提取和版本日志生成等都需要考虑到。 在组件开发中,好的组件应该具有高内聚、低耦合、通用性和易拓展的特点。组件的命名应具有语义,类名前缀应该统一避免与用户类名冲突,接口定义需要继承原生DOM(或基础组件)属性,避免属性遗漏或重复声明。就像是HTML与CSS要有命名的规则一样,便于后者处理。同时还需要注意样式文件的引入和按需加载等问题。