前端程序员最讨厌的10件事

前端程序员最讨厌的10件事

编程不易,前端受气

据日常观察,前端程序员最讨厌的10件事,有几件你体验过?

1. 把前端当接口的单元测试

后端同学日常发言:"接口开发完了,前端调一下试试吧。"

结果10分钟后:

"404,噢,接口还没部署......"
"500,噢,表还缺字段......"
"还500?噢,逻辑有点小问题......"
"200但是返回不对?噢,还有问题......"

卧槽,后端大哥你能先自测一下再让前端接入吗?您是本地没有 PostMan 吗?

2. 纯主观的样式挑刺

怪怪的

"界面颜色怪怪的"
"整体风格也有点怪,领导估计不喜欢。"
"还是有点怪,要不你先调一版。"

让产品或者甲方指出具体问题是不可能的,但是"怪怪的"三个字太好用了

还是不够黑

"甲方说标题再黑一点吧。"

检查了一下样式:color: #000;font-weight: bold;,反馈已经无法再黑了。

"不行,还得更黑一点。"

3. 同一个项目,不同后端给出的接口规范都不同

A后端大佬返回的消息体:

json 复制代码
{
  "code": 0,
  "data": {
    // ...
  }
}

B 返回:

json 复制代码
{
  "code": 1,
  "age": 18
}

跑去问了下,原来A的code=0代表成功,而B的code=1代表成功。

至于 data那一层?

B大佬的原话:"咋了,前端取不到吗?"

4.一个项目,不同页面的产品经理都有自己的交互思路

  • 产品A设计的列表是改筛选条件自动筛选。

  • 产品B设计的列表必须点搜索才筛选,但是不能用Antd的下拉框,选项必须全部平铺。

  • 产品C喜欢京东那种自定义筛选风格。

在同一个项目里,我已经不知道该怎么封装公用组件了,因为每个页面之间似乎都无法公用。

5. 人形bug路由器

测试人员:"前端出了个Bug!"

你一看,是后端没返回数据。

测试人员:"前端样式又出了个Bug!"

你一看,符合UI高保真,但是UI给两个页面设计没统一。

测试人员:"前端快来领Bug!"

你一看,是产品经理临时改需求只通知了测试和后端。

6. 后端贼喜欢在接口里返回Long和BigDecimal

前端数字精度问题没考虑?

接口没问题,前端取完反给后端时怎么变了?

是是是,接口是没问题的,但你能不能告诉我,前端该怎么优雅地处理一个18位的Long型用户ID而不溢出?

7.node_modules

你只是想安装一个小插件,却看到了"几百个包正在安装"的盛大场面。你的node_modules文件夹比你的代码大100倍,每一次npm install都像在下一场依赖之雪。

删了怕运行不了,不删又占着十几个G。你甚至怀疑这文件夹里是不是藏了一个小型操作系统。

8. 不规范的数据格式

你永远不知道接口会返回一个空数组[],还是一个null,或者直接不返回这个字段。就像开盲盒,每次调用接口都是一次冒险。

你边写if (data && data.length > 0) 边念经:愿世界再无null数组,阿门。

9. 先做一版纯前端(带交互)给甲方看看效果

"不做后端,不连数据库,就做个静态展示页,很简单的!"
"前端同学辛苦一下,今天下班前把demo拿出来,明天我去给甲方演示?"
"你问我怎么不画原型演示?甲方不爱看原型,就爱看系统......"

10. 这是原子化的接口,前端自己拼以下

后端说:"我们这是微服务架构,返回的是原子化数据。"

翻译成人话就是:"我懒得拼数据,你前端自己调七八个接口组装一下吧。"

于是你在前端实现了数据关联、状态同步、批量获取,就差没写个分布式事务了。恍惚间你以为自己是个后端,直到浏览器标签页崩溃提醒你:醒醒,你只是个写JavaScript的。


还有哪些让身为前端的你崩溃的瞬间,欢迎分享。

相关推荐
绝无仅有4 小时前
HTTP面试之实战经验与总结
后端·面试·github
绝无仅有5 小时前
职场面试redis经历之与一位资深技术面试官的技术问答与总结
后端·面试·github
Victor3565 小时前
Redis(55)Redis的内存淘汰策略有哪些?
后端
金色天际线-7 小时前
Nginx 优化与防盗链配置指南
java·后端·spring
牧羊狼的狼9 小时前
React 中的 HOC 和 Hooks
前端·javascript·react.js·hooks·高阶组件·hoc
知识分享小能手10 小时前
React学习教程,从入门到精通, React 属性(Props)语法知识点与案例详解(14)
前端·javascript·vue.js·学习·react.js·vue·react
luckys.one10 小时前
第9篇:Freqtrade量化交易之config.json 基础入门与初始化
javascript·数据库·python·mysql·算法·json·区块链
魔云连洲10 小时前
深入解析:Vue与React的异步批处理更新机制
前端·vue.js·react.js
mCell11 小时前
JavaScript 的多线程能力:Worker
前端·javascript·浏览器