首页 > 其他分享 >前端拿到后端数据,不能直接用,还要再处理,合理吗?

前端拿到后端数据,不能直接用,还要再处理,合理吗?

时间:2023-09-24 15:32:37浏览次数:38  
标签:显示 这个 前端 端的 逻辑 接口 拿到 合理

1 前言

想起很久之前的一个笑话。 我有个朋友之前开发过一款App,其中有一个关于消息发送时间的显示的问题,后端认为给一个时间戳,由前端决定到底怎么显示,你显示年月日时分秒还是年月日时分,又或者是刚刚,那是你的事情。

2 前端不这么认为

他们觉得这是后端的事情,凭什么要我们写这个逻辑,后来吵了一架,甚至还专门开会去讨论这个问题。无奈前端组有个漂亮的妹子,大家最终还是屈服于团队幸福,后端们强行将这个逻辑冗余到接口中,后来甚至重写了一下json的序列化过程中关于时间类型的逻辑,以减少在所有的接口中去增加这个代码。

3 东窗事发

直到有一天,用户反馈上来一个问题,那就是他发消息显示的时间不对,明明是早上发的,但是显示是下午。前端组认为我们啥也没改,原样显示的,于是bug交到了后端组,后端的兄弟们查了好久,翻遍了所有的相关代码和数据,最后发现,原来我们这个用户在国外........

4 后来

后来的故事就更有趣了,前端认为这个逻辑已经这样了,不如在所有的请求的header中增加一个当前的时区字段,后端根据这个字段进行处理,然后后端的老哥们又默默的承受了这一切。并且当时我们有很多接口缓存的逻辑是插入在网关层的,就是缓存的数据已经是格式化之后的json了,这又是一番修改。

5 你以为这就结束了?

记得最开始说的显示“刚刚”这种文本了吗,用户说我早上发的消息,为什么一直都是显示的刚刚,前端说界面一直没有切换或者退出,数据没有刷新导致的,如果要实时显示需要不停的更新,去调后端的接口。boss终于怒了,毕竟咱们的廉价服务器网络也抗不住这样大量的无意义的请求,前端组这时候也认耸了。

6 结尾

故事到这里就差不多结束了,所以你认为数据如果只是在显示和组装层面的逻辑需要后端来处理吗?

标签:显示,这个,前端,端的,逻辑,接口,拿到,合理
From: https://blog.51cto.com/JavaEdge/7586138

相关文章

  • 前端高频面试题汇总正题+(附答案解析)
    正题1、1varlength=1;2functionfn(){3console.log(this.length);4}5varobj={6length:100,7action:function(callback){8callback();9arguments[0]();10}11}12obj.action(fn,...[1,2,3,4]);......
  • Hive的使用以及如何利用echarts实现可视化在前端页面展示(四)---连接idea使用echarts
    说来惭愧,我的javaweb烂得一批,其他步骤我还是很顺利地,这个最简单的,我遇到了一系列问题。只能说,有时候失败也是一种成功吧这一步其实就是正常的jdbc,没什么可说明的,但是关于使用echarts我还是遇到了一些困难,如果有高手能指正一二,感激不尽echarts获取前端数据要使用Ajax,我不会这个语......
  • Hive的使用以及如何利用echarts实现可视化在前端页面展示(三)---hive数据利用sqoop导
    1、安装sqoop我的版本jdk1.8hadoop3.1.3sqoop1.4.6基本上就安装这个版本都没问题,如果是执行连接数据库命令时报错:java.lang.NoClassDefFoundError;报错,在lib下再放一个commons-lang-2.6.jar即可,sqoop安装:Indexof/dist/sqoop(apache.org)commons-lang-2.6.jar下载:commo......
  • Hive的使用以及如何利用echarts实现可视化在前端页面展示(二)---hive部分的实现
    1、利用远程连接器上传csv文件2、进入hive创建表结构:创建一个Hive表的SQL语句:这个表名为 "sales",包含了五个列:day_id、sale_nbr、buy_nbr、cnt 和 round。此表的数据格式为逗号分隔的文本文件,每一行都用逗号分隔字段。createtablesales(day_idstring,sale_nbrstring,b......
  • Vue-前端化工程入门,第一个vue-cli程序
    第一个vue-cli程序的准备工作 什么是vue-cli?vue-cli是官方提供的一个脚手架工具,用于快速生成一个vue项目模板。预先定义好的目录结构和代码,就好比咱们在创建maven项目时可以选择创建一个骨架项目,这个骨架项目就是脚手架,有利于我们更加快速的开发。环境准备(所涉及到的命令都在......
  • 前端的一些布局技巧
    一、当前页面无拖动的滑轮这个只需要设置占据整个页面容器的高为100vh,页面的body的margin为0就行了body{margin:0;}.最大容器类名{height:100vh;}二、flex布局display:flex就是将盒子设置成一个弹性盒子,弹性布局属性,还可以赋值block块级、inline行内等属性。......
  • springboot 接收前端数组
    前端:(黄色内容为必选项!!!)axios({url:"/access/getArr",method:"post",data:JSON.stringify([1,2,3,4]),headers:{"Content-Type":"application/json",},});后端:@RequestMapping(value=......
  • 微软最热门的10款前端开源项目!
    本文来盘点微软开源的十大前端项目,这些项目在Github上获得了超过45万Star!VisualStudioCodeVisualStudioCode是一款由微软开发的开源的代码编辑器。它支持多种编程语言,如C、C++、C#、Python、JavaScript和TypeScript等,并提供丰富的插件生态系统来扩展功能。VSCode......
  • 前端安装pnpm 包报错
    安装pnpm包管理器全局安装npminstallpnpm-g设置源pnpmconfiggetregistry//查看源pnpmconfigsetregistryhttp://registry.npm.taobao.org//切换淘宝源使用:pnpminstall包pnpmi包pnpmadd包//-S默认写入dependenciespnpmadd-D//-Dde......
  • 前端 数学计算 big.js 使用
     解决0.1+0.2不等于0.3的问题 解决方法方法一,同时扩大倍数再除以相同的倍数 0.1+0.2//0.30000000000000004(0.1*10+0.2*10)/10//0.3方法二,第三方库bignumber.jsmath.jsbig.js big.js基础用法运算//运算//constplus=Big(0.1).p......