表单页面优化之小细节大改变

业务背景

请求与响应 前端与后端

在讲请求的优化之前呢，我们用一个简单的比喻，梳理一下在开发中经常出现的请求与响应、前端和后端之前的关系。前端与后端的交互就是通过http的请求与响应实现的。我们可以把前端和后端比作两个在交往的人。每次的请求与响应就好像两个人之间的发送的消息。下面的这张图。这是站在前端的视角的一次交互。一般情况下，每次的交互 / 聊天一般都是由前端主动发起请求开始，后端一般是只响应，大多数情况下上不会主动发消息的，除非一些特殊的协议里。前端发起请求、后端给出响应。这就是一次前后端的交互。

目前工作中做的是检测方向的相关业务，产品中有大量的图表和报表，强依赖图片、视频、文件等静态资源，在日常开发业务中最常见的就是一个高频请求的场景，这是一个可以搜索的表格。一个表格上面有一个搜索框。底下这个黑色的部分是浏览器的控制台，（现在是初始状态，一个请求都没有）每增加新的一行就说明发出了一个新的请求。在这个搜索框上，用户有可能高频率地、高强度地输入他想搜索的关键词。比如：我这种情况。（这是我录的一个操作的动图）每次搜索框内容的变化都会有一次请求。所以短短的3秒里，就有28个请求被发出去。

01.高频请求

高频请求就好像之前我们说可以把前后端的交互比作人与人之间的交往。这么高频地请求如果放在交往中，就好像我们打开微信，发现是这样