项目实战典型案例5——发送调查问卷流程图例子(将不必要的逻辑放入前端)

简介: 项目实战典型案例5——发送调查问卷流程图例子(将不必要的逻辑放入前端)

发送调查问卷流程图例子

一:背景介绍

本篇博客是对**发送调查问卷流程图例子(将不必要的逻辑放入前端)**进行的总结和进行的改进。

目的是将经历转变为自己的经验。通过博客的方式分享给大家,大家一起共同进步和提高。

背景


主要的逻辑:1.在章节推送页面,查询三个执行的章节颗粒会调用后端接口保存规则在redis中。

2.当章节颗粒执行的倒计时进入到10时,前端再调用后端接口获取该章节颗粒的激励配置,并返回个给前端。

3.当章节颗粒结束时判断是否配置发送调查问卷如果配置了,就调用后端发送调查问卷的接口发送问卷,之后继续该流程,执行下一个章节颗粒。如果没有配置则继续该流程,执行下一个章节颗粒。

二:思路&方案

出现的问题

1.将前端逻辑落了多入口和多循环

2. 将不必要的逻辑写入到前端进行处理,导致逻辑混乱难以维护和管理

思路

  1. 将及时器放入到后端:这样的话在后端进行倒计时到十秒的时候调用获取激励规则,计时器到零秒时发送调查问卷。这样的话减少了前端的逻辑判断,将逻辑放入到后端进行。并且减少了入口。
  2. 取消不必要的循环,在流程图上去除循环,没有必要进行调用。


好处

  1. 单独对于发送调查问卷这个业务来说,前端调用后端只有一个入口。单进单出,便于后续的维护工作。
  2. 前端没有复杂的逻辑处理,目前是将逻辑处理都放入到了后端进行。职责分明,前端主要做页面渲染工作,后端进行逻辑运算。

四:总结

  1. 需要明确什么时候必须将复杂的逻辑放入到前端,什么时候需要将复杂的逻辑放入到后端。能放入后端尽量放入到后端。
  2. 对于一个功能模块来说前端调用后端的次数越少越好,减少前端的循环调用后端的接口进行复杂的逻辑处理。
目录
相关文章
|
1月前
|
JavaScript 前端开发 Java
纯前端JS实现人脸识别眨眨眼张张嘴案例
纯前端JS实现人脸识别眨眨眼张张嘴案例
52 0
|
6月前
|
前端开发 芯片
【芯片前端】关于门控电路和逻辑做在D端还是EN端的思考
【芯片前端】关于门控电路和逻辑做在D端还是EN端的思考
|
1月前
|
前端开发 JavaScript Apache
web前端-Echarts-5.3安装配置和案例
web前端-Echarts-5.3安装配置和案例
|
3月前
|
前端开发 JavaScript 应用服务中间件
WEB前端有必要学会docker吗?0基础-45分钟带你学会(包含视频笔记案例源代码)
WEB前端有必要学会docker吗?0基础-45分钟带你学会(包含视频笔记案例源代码)
30 0
|
3月前
|
前端开发 容器
前端必知必会-BFC案例剖析
前端必知必会-BFC案例剖析
23 0
|
4月前
|
编解码 前端开发 JavaScript
前端 Gulp 详细介绍与案例使用
前端 Gulp 详细介绍与案例使用
48 0
|
5月前
|
运维 前端开发 JavaScript
基于 Angular Universal 引擎进行服务器端渲染的前端应用 State Transfer 故障排查案例
基于 Angular Universal 引擎进行服务器端渲染的前端应用 State Transfer 故障排查案例
45 0
|
6月前
|
前端开发 芯片
【芯片前端】基于DC综合的逻辑深度与cell count汇总:加法器
【芯片前端】基于DC综合的逻辑深度与cell count汇总:加法器
|
8月前
|
Web App开发 前端开发 JavaScript
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-fiber解决了什么问题
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-fiber解决了什么问题
95 0
|
8月前
|
前端开发 定位技术
前端学习笔记202305学习笔记第二十三天-地图单线程配置
前端学习笔记202305学习笔记第二十三天-地图单线程配置
65 0
前端学习笔记202305学习笔记第二十三天-地图单线程配置