前端高频编程题

文章目录

  • 前言
  • 1.防抖
  • 2.节流
  • 3.数组去重
  • 4.数组拍平
  • 5.深拷贝
  • 6.柯里化
  • 7.并发请求


前言

JS常见面试编程题


1.防抖

function debounce(fn, delay) {let timer = null;return function(...args) {if (timer) {clearTimeout(timer)}timer = setTimeout(()=>{timer = null;fn.apply(this, args);}, delay)}
}

2.节流

function throttle(fn, interval) {let lastTime;let timer;return function(...args) {const now = Date.now();if(lastTime && now - lastTime < interval) {clearTimeout(timer);timer = setTimeout(() => {last = now;fn.apply(this, args)}, interval)}else {last = now;fn.apply(this, args)}}
}

3.数组去重

function deDuplicated(arr) {// return Array.from(new Set(arr));return [...new Set(arr)];
}function deDuplicated2(arr) {const result = [];arr.forEach(item => {if (!result.includes(item)) {result.push(item);}});return result;
}function deDuplicated3(arr) {const record = {};return arr.filter((item) => {const hasItem = record[item];record[item] = 1;return !hasItem;});
}

4.数组拍平


function flat(arr) {return arr.flat();
}function flat2(arr) {return arr.toString().split(',');
}function flat3(arr) {const result = [];const process = list => {list.forEach(item => {if (Array.isArray(item)) {process(item);}else {result.push(item);}});};process(arr);return result;
}

5.深拷贝

function getType(varible) {return Object.prototype.toString.call(varible);
}// 递归实现
// 注意不同类型变量的拷贝
function deepClone(any){switch(getType(any)) {// 拷贝对象case '[object Object]':let o = {};for (let key in any) {o[key] = deepClone(any[key]);}return o;// 拷贝数组case '[object Array]':var arr = []for(let i = 0, len = any.length; i < len; i++) {arr[i] = deepClone(any[i]);}return arr;// 拷贝函数case '[object Function]':return new Function('return ' + any.toString()).call(this);// 拷贝日期case '[object Date]':return new Date(any.valueOf());// 拷贝正则case '[object RegExp]':return new RegExp(any);// 拷贝映射case '[object Map]':let m = new Map();any.forEach((v, k)=>{m.set(k, deepClone(v));});return m;// 拷贝集合case '[object Set]':let s = new Set();for (let val of any.values()) {s.add(deepClone(val));}return s;default:return any;}
}// 性能稍差,并且只能拷贝普通对象
function deepClone(any) {return JSON.parse(JSON.stringify(any));
}

6.柯里化

// 实现一个add方法,使计算结果能够满足如下预期:
add(1)(2)(3) = 6;
add(1, 2, 3)(4) = 10;
add(1)(2)(3)(4)(5) = 15;function add() {// 第一次执行时,定义一个数组专门用来存储所有的参数var _args = Array.prototype.slice.call(arguments);// 在内部声明一个函数,利用闭包的特性保存_args并收集所有的参数值var _adder = function() {_args.push(...arguments);return _adder;};// 利用toString隐式转换的特性,当最后执行时隐式转换,并计算最终的值返回_adder.toString = function () {return _args.reduce(function (a, b) {return a + b;});}return _adder;
}

7.并发请求

// 由于urls列表是已知的,且不会动态添加,因此逻辑比较简单
// 就是先并发请求,然后每个请求结束时候再补位,直到传入的url都请求完
function multiRequest(urls, maxNum) {// 待处理的urlconst urlList = [...urls];// 请求结果,key: url, value: resconst responseMap = new Map();return new Promise((resolve) => {const onComplete = res => {responseMap.set(url, res);if (urlList.length) {request(urlList.pop());}else {resolve(urls.map(url => responseMap[url]));}};const request = url => {return fetch(url).then(onComplete, onComplete);;};// 初始化,开始并行请求for (let i = 0; i < maxNum && urlList.length; i++) {request(urlList.pop());}});
}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/234485.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

(datetime/subprocess)模块

datetime 模块说白了就是 Python 中用于处理日期和时间的模块。 【 一 】导入模块 import datetime 【 二 】主要类 datetime模块中包含的主要类为&#xff1a; date&#xff1a;日期对象&#xff0c;常用的属性有year, month, day等time&#xff1a;时间对象&#xff0c;…

Clion自定义管理和配置软件构建过程的工具(代替CMake)构建程序

在公司由于需要x86环境和其他arm环境&#xff0c;同时需要使用公司自定义的mine_x86或者mine_orin对代码进行编译。 编译命令如下mine_x86 build -Dlocal1 -j8,为使用Clion对程序进行调试&#xff0c;需要对程序进行设置。方便调试代码时能够断点查看变量。尝试了很多次&#…

@WebMethod 这个注解的作用

WebMethod 注解是 Java 中 JAX-WS&#xff08;Java API for XML Web Services&#xff09;的一部分&#xff0c;用于将一个特定的方法标记为 Web 服务操作。当你在类方法上使用 WebMethod 注解时&#xff0c;这表明该方法是一个对外暴露的 Web 服务方法&#xff0c;即这个方法可…

springboot(ssm名城小区物业管理系统 物业管理平台Java系统

springboot(ssm名城小区物业管理系统 物业管理平台Java系统 开发语言&#xff1a;Java 框架&#xff1a;ssm/springboot vue JDK版本&#xff1a;JDK1.8&#xff08;或11&#xff09; 服务器&#xff1a;tomcat 数据库&#xff1a;mysql 5.7&#xff08;或8.0&#xff09;…

pytorch实现DCP暗通道先验去雾算法及其onnx导出

pytorch实现DCP暗通道先验去雾算法及其onnx导出 简介实现ONNX导出导出测试 简介 最近在做图像去雾&#xff0c;于是在Pytorch上复现了一下dcp算法。暗通道先验去雾算法是大神何恺明2009年发表在CVPR上的一篇论文&#xff0c;还获得了当年的CVPR最佳论文。 实现 具体原理就不…

计算机组成原理综合1

1、完整的计算机系统应包括______。D A. 运算器、存储器和控制器 B. 外部设备和主机 C. 主机和实用程序 D. 配套的硬件设备和软件系统 2、计算机系统中的存储器系统是指______。D A. RAM存储器 B. ROM存储器 C. 主存储器 …

安捷伦Agilent 34970A数据采集

易学易用 从34972A简化的配置到内置的图形Web界面&#xff0c;我们都投入了非常多的时间和精力&#xff0c;以帮助您节约宝贵的时间。一些非常简单的东西,例如模块上螺旋型端子连接器内置热电偶参考结、包括众多实例和提示的完整用户文档&#xff0c;以及使您能够在开机数分钟后…

python flask alchemy在判断None值时与flake8格式检测冲突

python flask alchemy 在判断None值时候&#xff0c;推荐使用/!来判断。例如&#xff1a; query.filter(User.nameNone)query.filter(User.name!None) 但是这样的代码提交后时过不了flake8的语法检查&#xff0c;会报错&#xff1a; flake8...................................…

接口测试和测试用例分析

只要有软件产品的公司百分之九十以上都会做接口测试&#xff0c;要做接口测试的公司那是少不了接口测试工程师的&#xff0c;接口测试工程师相对于其他的职位又比较轻松并且容易胜任。如果你想从事接口测试的工作那就少不了对接口进行分析&#xff0c;同时也会对测试用例进行研…

[javascript]使用fs.existsSync方法判断文件是否存在时,返回值一直是false

一、需求 检测本地文件是否存在&#xff0c;且使用阻塞。 二、问题 当使用existsSync时&#xff0c;发现当传入相对路径时&#xff0c;一直返回错误。 三、现象 3.1相对路径代码 var fs require("fs") console.log(fs.existsSync("./config.json"))…

电商API接口如何驱动业务:代码演示与解析

随着电子商务的飞速发展&#xff0c;电商平台的业务逻辑日益复杂&#xff0c;涉及的模块和功能也越来越多。在这个过程中&#xff0c;电商API接口扮演着至关重要的角色。通过API接口&#xff0c;不同的业务模块可以相互通信&#xff0c;实现数据和服务的共享&#xff0c;提高业…

node.js mongoose middleware

目录 官方文档 简介 定义模型 注册中间件 创建doc实例&#xff0c;并进行增删改查 方法名和注册的中间件名相匹配 执行结果 分析 错误处理中间件 手动抛出错误 注意点 官方文档 Mongoose v8.0.3: Middleware 简介 在mongoose中&#xff0c;中间件是一种允许在执…

DDD领域驱动设计(二)

软件系统复杂性的应对 解决复杂和大规模软件的武器可以粗略的归位三种:抽象 分治和知识 抽象: 使用抽象能够精简问题空间&#xff0c;而且问题越小越容易理解。比如你去一个地方 一开始的时候并不需要确定用什么方式到达。分治: 类似算法里面的dp用的就是分治的想法。分割后的…

JDK+Maven环境变量配置

JDK环境变量配置 首先&#xff0c;找到 JDK 的安装目录&#xff0c;之前复制的以备后用。 然后&#xff0c;通过“控制面板”进入“系统”属性&#xff1a; 然后&#xff0c;点击“高级系统设置”&#xff0c;选择“高级” 再点击“环境变量&#xff08;N&#xff09;...”…

破局新渠道|2023年热度全域达人分销生态大会回顾

12月7日&#xff0c;由热度电商、热度云、集脉新电商联合举办的「破局新渠道」热度全域达人分销生态大会暨热度云3.0发布会在杭州国际博览中心圆满收官。大会邀请了平台官方、电商协会、品牌方、业务操盘手、数据专家、团长机构、达人等达人分销生态中的多个角色&#xff0c;从…

Python办公—pandas读取Excel表格增加列、两列保持一致、依条件修改单元格内容(附代码)

目录 专栏导读背景插入一列插入多列依条件修改单元格内容(2个条件以内)依条件修改单元格内容(3个条件以上)两列保持一致结尾 专栏导读 &#x1f338; 欢迎来到Python办公自动化专栏—Python处理办公问题&#xff0c;解放您的双手 &#x1f3f3;️‍&#x1f308; 博客主页&am…

快速排序

描述 著名的快速排序算法里有一个经典的划分过程&#xff1a;我们通常采用某种方法取一个元素作为主元&#xff0c;通过交换&#xff0c;把比主元小的元素放到它的左边&#xff0c;比主元大的元素放到它的右边。 给定划分后的 N 个互不相同的正整数的排列&#xff0c;请问有多少…

Flink系列之:Upsert Kafka SQL 连接器

Flink系列之&#xff1a;Upsert Kafka SQL 连接器 一、Upsert Kafka SQL 连接器二、依赖三、完整示例四、可用元数据五、键和值格式六、主键约束七、一致性保证八、为每个分区生成相应的watermark九、数据类型映射 一、Upsert Kafka SQL 连接器 Scan Source: Unbounded 、Sink…

2023年中国数据智能管理峰会(DAMS上海站2023)-核心PPT资料下载

一、峰会简介 数据已经成为企业的核心竞争力&#xff01;谁掌控数据、更好的利用数据、实现资产化&#xff0c;谁就会真正率先进入大数据时代。 1、数据智能管理趋势和挑战 在峰会上&#xff0c;与会者讨论了数据智能管理的最新趋势和挑战。随着数据量的不断增加&#xff0c…

JNI逆向

IDA&#xff1a;JNI类型转换 1.IDA高版本&#xff08;IDA 高版本内置了定义的JNI结构体; 如果没有的话&#xff0c;在Views->Open subviews -> Type Libraries 中添加Android ARM的lib即可&#xff09; 解决方法: 只需要对JNIEnv 指针&#xff08;JNIEnv * &#xff09…