设想
optimize 可以提供自定修改文本、图片、样式与插入 JS 的功能,自定义能力较强,但是需要一定的编写代码能力。
使用 optimize 的目标:减少 A/B 测试的开发量,运营人员也能较为简单地进行 A/B 测试的构建。
实现:
普通的文本、图片相关的设置可以由运营进行设置。
开发高级功能模块通过配置的方式进行控制 A/B 测试的效果。
为了可以简单快速的调用 A/B 测试模块,可以通过在 body 中设置 attr 的方式插入参数,构建一个参数转换逻辑,在制定测试模块时,在页面加载时读取 body 的配置属性。
为什么在 body 中进行设置?
因为 body 在模板文件中已经构建存在,就是在 Vue 的单页面渲染中,body 元素已经是可确定的元素,一般情况下不会被覆盖取消。而且鉴于页面元素的加载顺序,一般也是 body 先加载,可以较好保证设置有效。
其二,也是可以方便非开发人员进行设置,body 元素一般在页面时唯一的,处于最外层结构,可以较为容易地对元素进行设置。
