视图配置
概述
视图配置,是存放在视图实例上的,用于供开发者检索、配置,以指导视图脚本工作模式、表现形态的工具。
借助视图配置,开发者可以将视图开发为多种形态的综合体,尽可能地提高代码复用度。
在相当一部分场景下,尤其是对于软件开发公司,以配置的方式满足不同客户的多样化诉求,会极大地降低维护成本,帮助开发人员规避 “代码存在多份硬拷贝” 的窘境,辅助企业不断实现产出的有效积累。
创建配置
开发者可以通过配置的获取方法自动创建一个原来不存在的配置,例如:
应用配置
因为每个配置项的工作逻辑可能并不相同,所以应用配置前,开发者需要提供配置的应用逻辑,告诉 View.js 在应用配置时要执行的方法,例如:
除了 apply()
方法外,每个配置项还有 reflectToDom()
方法,用于样式使能的配置逻辑。
reflectToDom()
方法在调用时,View.js 将在视图的 DOM 元素上设置属性:data-viewconfig_xx=yy
。其中 xx
为配置项的key,yy
为配置项的取值。对应地,开发者需要据此撰写对应配置项取值的 css,否则方法调用并不会产生任何实质上的变化。
例如:
响应配置
上述的两种配置使用方式并不能满足开发者的所有需求。开发者可以只使用视图配置存放配置取值,然后在脚本中自定义使能逻辑。
例如,对于需求:
注册界面的密码长度,软件定制客户A要求在6-20位,软件定制客户B要求在4-10位。
可以使用如下代码实现:
Last updated