

首页  思维导图  详情



前端组件设计

2022-12-23 12:30:28   1  举报





AI智能生成

前端组件设计

组件设计

设计

总结

前端

模版推荐

作者其他创作

大纲/内容

复用设计

继承: 内部

特征

主体灵活多变, 需要继承实现不同的特征

由于是单继承, 所以只能用来定向增强

比如tableView实现一个数据自动绑定的子view让我们只需要提供list数据源,自动完成绑定

但比如希望实现一个弹框父类则不行, 因为弹框显然是要支持所有viewcontroller的, 这样就需要对所有viewController的子类定义一个实现类, 显然不好这时候最理想的方法就是注解增强

可以很好的支持复杂定制, 就是说不同的补足之间是有关系的, 共同完成定制

block: 外部,相关

特征

主体复用相对固定, 然而却会在到处被使用

这时候可通过block传入方法的方式, 实现复用

场景

事件处理

注解: 内部

特征

注解是一个标记, 主体复用程序会根据标记进行逻辑处理, 而使用者不必了解调用详情

注解是以属性叠加的方式来增强类, 可读性/维护性更好

注解可以创造包裹函数, 根据语义生成复杂增强, 比起函数必须调用代码, 更加的优雅简化

缺点: 显然注解实现方式都可通过函数复用很好的解决

场景

diamond配置

事务注解

函数复用: 外部,无关

特征(单个函数):

每个函数就是一个功能+参数

功能复用主体被隐藏起来, 不用关注主体

复杂的函数中参数比较复杂, 比如ormapping中的实体类

缺点: 函数不能表达多个逻辑之间的关系, 每个参数独自完成一项工作

场景

工具类

对象映射(工具函数中的参数对象化)

生命周期设计

生命周期是一种特殊的复用形式, 可以表达不同实现之间的关系

生命周期是对逻辑流程的一种抽象, 可以最大化和极简化复用.免除了手动调用代码

每一个定义的生命周期都可以插入自己的逻辑

函数之间的关系

先后顺序

条件触发

初始化的时候加载一次

根据条件随时触发顺序链条

应用

View生命周期

对象生命周期

事件传递生命周期

组件生命周期

 Collect

Get Started

后端组件

 Collect

Get Started

通用爆星组件设计

 Collect

Get Started

前端组件库构成

 Collect

Get Started

前端





0 条评论

下一页