2022年前端web 面试题（笔试真题）(5)

2024-05-17 08:29:46

笔试题

一，自适应布局

已知：

布局分为：父元素A和N个子元素B；

A宽度不固定：最小宽度为1000px，内部边距是32px

B的宽度不固定：相邻两个B元素的间距是16px，所有B的宽度相同，边框为1像素，颜色为999

每行只能有3个B元素，超过的话需要换行；

最左侧B元素和最右侧的B元素，距离A的边缘都是32px；

.client-a{min-width: 1000px;padding: 24px;display: flex;border: 1px solid #333;flex-wrap: wrap;justify-content: space-evenly;}.client-b{flex: 1 0 30%;box-sizing: border-box;margin:8px;border: 1px solid #999;}

第二题

给定一个以数字组成的数组，实现输出id为数字，并且从小到大排序的name（请使用es6语法）

JavaScript
// 调用示例
const source = [
    { id: 4, name: 'test1' },
    { id: {}, name: 'ssdf' },
    "test",
    { id: () => {}, name: 'sf' },
    { id: '6', name: 'test3' },
    { id: 6, name: 'test4' },
    { id: 7, name: 'test7' },
    { id: 2, name: 'test2' },
    { name: 'sf' }，
    {},
]


function filterSort(arr) {var list = arr.filter(value => {return (typeof value.id) == (typeof 1)})console.log(list);list.sort(function (a, b) {return a.id - b.id;})var lists = []list.forEach(value => {lists.push(value.name)})console.log(lists)
}
filterSort(source)

三.现有一个 POST 接口：https://xxx.com/students，每次请求只能返回 10 个学生的课程成绩如

JSON
[
    { name: '张三', score: 99, time: '2021-12-22' },
    { name: '李四', score: 60, time: '2021-12-12' },
    { name: '王五', score: 77, time: '2021-11-08' },
    ...
]

该接口有一定概率请求失败 不可忽略：Response Status Code 500，Body 为空

要求：

实现一个函数，总共需获得 100 个成绩大于 90 分，且时间在2021年12月3日之后的学生的课程成绩，并按各自成绩从大到小排列返回。（可直接使用 fetch 或 axios）

提示：

浏览器最多可以有 6 个并行的网络请求

尽可能在更短的时间内，运行完成得到结果

尽可能用最少的请求次数

let i=0;
let list=[],
function rightTime(time){// 时间大于12月03日的时间返回true
}
async function fetchStudents(){// 实现相应逻辑let res = awiat axios.post(url,data:{pageNum:i+1})list =list.cancat(...res.data.filter(item=>{return item.score>90&& rightTime(item.time)}))if(list.length>=100){return list}else{return fetchStudents()}
}

2022年前端web 面试题（笔试真题）(5)相关推荐

2022年最新软件测试工程师笔试真题及答案(搜狐、华为、蓝港在线)
搜狐软件测试工程师笔试真题及答案试题1．下列哪个覆盖的范围最广?条件.条件组合.语句.判定条件. 答案:条件组合. 试题2．Java Web应用的3层结构是什么? 答案:浏览器/中间层(Java A ...
【笔试题】京东2017秋招笔试真题
笔试题京东2017秋招笔试真题 1.进制均值时间限制 C/C++语言 1000MS;其他语言 3000MS 内存限制 C/C++语言 65536KB;其他语言 589824KB 题目描述尽管是一 ...
北师大计算机试题五答案,北京师范大学计算机软件及理论2022考研招生分析、参考书、真题等复习指导解析...
原标题:北京师范大学计算机软件及理论2022考研招生分析.参考书.真题等复习指导解析一.院系及专业介绍北京师范大学信息学科植根于学校百年沃土,经过半个多世纪的发展壮大,现已拥有计算机科学与技术一级 ...
中国人民银行计算机招聘笔试题和答案（笔试真题）
中国人民银行计算机招聘面试题(笔试真题) 试题一网络基础 1.计算机网络是______________与______________相结合的产物. 2.按计算机连网的区域大小,我们可以把网络分为__ ...
成都农商银行软件测试面试题,农商行历年笔试真题找不到？不慌！16家农商行笔试题库等你来刷！...
原标题:农商行历年笔试真题找不到?不慌!16家农商行笔试题库等你来刷! 今天嗖嗖还整理了农商行历年秋招笔试题型,给大家参考. 一.行测言语理解(15题).数量关系(15题).逻辑推理(10题).思维 ...
crt显存试题计算机,2008年9月全国计算机三级考试《PC技术》笔试真题
2008年9月全国计算机三级考试<PC技术>笔试真题 50.下面是有关PC机鼠标器工作原理的叙述: Ⅰ. 鼠标移动时,其运动的距离和方向被变换成二进制信息输入到计算机中 Ⅱ. 鼠标移动信息 ...
齐商银行计算机岗面试题,2018齐商银行社会招聘笔试(真题笔经)
原标题:2018齐商银行社会招聘笔试(真题笔经) [中公金融人银行招聘网]提醒:2018齐商银行社会招聘笔试考试内容真题演练见以下正文.中公金融人为考生提供最新银行招聘时间预测.齐商银行招聘公告报考条 ...
vivo笔试题C语言,vivo校招笔试考什么？vivo在线测评笔试真题及答案解析来啦！...
原标题:vivo校招笔试考什么?vivo在线测评笔试真题及答案解析来啦! 1 vivo校园招聘笔试简介 vivo2021校园招聘补录已经开启,今天嗖嗖就带大家看一看vivo历年在线测评笔试真题. vi ...
贵州大学计算机上机复试题,复试全程:2011贵州大学计算机学院复试经历、笔试真题和上机...
前言:算是给自己调剂路程的一个小总结,文笔不好,就不矫情了,用最直接的文字直入正题吧,希望给想一志愿贵州大学计算机或者调剂的同学给些帮助.... 第一篇:落榜我原本考的是一所985学校,今年JYB在 ...

最新文章

热门文章