前端面向业务的面试题

1

title: 前端面向业务的面试题
id: 469524f9-7294-4c8b-8abf-d660ce04ddc8
date: 2024-05-22 11:05:37
auther: lvzy
cover: /upload/企业微信[email protected]
excerpt: 前端面向业务的面试题 根据自己和身边朋友的一些切身体会写的建议面试题 接口数据竞态问题 这种问题一定要好好的审题。理解明白意思所在,这个问题并不是说问你怎么处理筛选条件,而是多个请求返回顺序不固定,但是调用同一个回调。你需要确定哪一个返回才是你真正想要的返回值。 有以下几个方案: 采用loading
permalink: /archives/mianshi
categories:

  • qian-duan
  • xue-xi
    tags:
  • za-wen
  • mian-shi

前端面向业务的面试题

根据自己和身边朋友的一些切身体会写的建议面试题

接口数据竞态问题

企业微信20240522-110753@2x.png
这种问题一定要好好的审题。理解明白意思所在,这个问题并不是说问你怎么处理筛选条件,而是多个请求返回顺序不固定,但是调用同一个回调。你需要确定哪一个返回才是你真正想要的返回值。

有以下几个方案:

  • 采用loading,让用户不可在请求期间去操作
  • 防抖,只执行用户最后一次操作的请求
  • cancel请求,执行同一个函数取消掉上一次的请求
  • 生成时间戳或者key,给请求携带上,并保存在变量中。在请求返回的时候将该参数注入进去,最后对比当前的参数是否对应,如对应即可正常操作。
  • 更多 + 留言

评论区有的人说把所有数据存前端,不走后端。。。小伙子还是太年轻,想过数据量很大的问题吗?想过数据加密的问题嘛?比如全文搜索功能,你输入手机号实时筛选,前端的全是脱敏数据,拿什么筛选?又比如该场景是推荐场景,每次推荐的内容是不一样的,难道前端直连数据库?

移动端适配问题

一般移动端适配:rem、vw方案。

问题出在哪里呢?

现在的手机用户可以自定义屏幕分辨率:设置=>显示=>显示大小 && 文本大小

此时即使使用rem/vw也会出问题。

好比你按照正常屏幕写的适配,奈何用户设置文本大小=>超大,显示大小=>超大

1391716348057_.pic.jpg

1401716348059_.pic.jpg

1381716348056_.pic.jpg

解决方案?

暂无..👀️

等待高手提供方案

大文件上传/下载问题

这个涉及到好几个知识点

  • 文件分片
  • hash计算
  • webworker
  • 秒传
  • 断点续传
  • TCP滑动窗口

image-ryfi.png

上传的时候可能因为网络波动导致文件异常,所以需要上传完成之后校验文件完整性,如果有问题,需要让客户端重新上传分片