开发者社区> 问答> 正文

在618 的“开列车”弹窗规模化生产技术方案中,弹窗的表达层与逻辑层是如何解耦的?

已解决

在618 的“开列车”弹窗规模化生产技术方案中,弹窗的表达层与逻辑层是如何解耦的?

展开
收起
詹姆斯邦德00 2022-10-24 18:06:59 1061 0
来自:大淘宝技术
1 条回答
写回答
取消 提交回答
  • 推荐回答

    一般情况我们可能会将弹窗沉淀成包含UI 的弹窗组件库,也会进一步会将弹窗细节抽象出header、body、button、footer 等配置项。但这样会有一些问题,在互动领域下的一个按钮布局、一个图标形式都会让这个“组件”越来越臃肿,所以不要天真的试图用前端的设计思路,去预判设计师天马行空的设计理念。毕竟不同的玩法和品牌形象下,对UI 的定制往往有较强的诉求,因此在营销互动中很难达到真正的UI 可复用,因此我们要将表达层完全抽离出来,弹窗方案的逻辑层只负责模型的处理,表达层通过接受数据变化带来的“表达”变化。

    image.png

    例如实现了一个抽奖玩法,逻辑层包含了数据模型、登录初始化请求数据以及抽奖事件的后续逻辑行为,那么该数据模型下最终表达层选用的是老虎机、大转盘还是直接点击抽奖按钮其实都是兼容的。

    image.png

    以上内容摘自《大促背后的前端核心业务实践》电子书,点击https://developer.aliyun.com/topic/download?id=728可下载完整版。

    2022-10-25 16:02:10
    赞同 展开评论 打赏
问答地址:
来源圈子
更多
收录在圈子:
+ 订阅
问答排行榜
最热
最新

相关电子书

更多
利用 Poplayer 在手淘中实现稳定业务和临时业务分离 立即下载
利用Poplayer在手淘中实现稳定业务和临时业务分离 立即下载
典型业务逻辑漏洞挖掘 立即下载