2024 前端面试题（GPT回答 + 示例代码 + 解释）No.21 - No.40

本文题目来源于全网收集，答案来源于 ChatGPT 和 博主（的小部分……）

格式：题目 h3 + 回答 text + 参考大佬博客补充 text + 示例代码 code+ 解释 quote + 补充 quote

上一篇链接：2024 前端面试题（GPT回答 + 示例代码 + 解释）No.1 - No.20

目录 No.1 - No.20

21. XMLHttpRequest、Ajax、Axios 和 fetch 的关系和区别

XMLHttpRequest 是浏览器原生提供的 API，它允许我们在不刷新页面的情况下向服务器发送请求和获取数据。

ajax：ajax 是一种基于原生 JavaScript 的异步请求技术。它使用 XMLHttpRequest 对象来发送请求和接收响应。

axios：axios 是一个基于 Promise 的 HTTP 客户端，可以在浏览器和 Node.js 中使用。它提供了更高级别的封装，使发送请求和处理响应更加简单和灵活。

fetch：fetch 是浏览器内置的 API，用于发送网络请求。它提供了一种现代化、基于 Promise 的方式来进行网络通信。用法和axios类似，但相比于 axios，它的功能和封装级别更为简单。

// 创建 XMLHttpRequest 对象
var xhr = new XMLHttpRequest();// 创建请求
xhr.open('GET', 'https://api.example.com/data', true);// 发送请求
xhr.send();// 处理响应
xhr.onreadystatechange = function() {if (xhr.readyState === XMLHttpRequest.DONE) {if (xhr.status === 200) {// 处理返回的数据var data = JSON.parse(xhr.responseText);// 更新页面内容document.getElementById('result').innerHTML = data.message;} else {console.log('Error: ' + xhr.status);}}
};

22. DOM 事件委托什么原理，有什么优缺点

DOM 事件委托是一种常见的前端开发技术，其原理是利用事件冒泡机制，将事件处理程序添加到父元素上，通过判断事件目标来执行对应的操作。事件委托的优缺点如下：

优点：

  1. 性能优化： 通过将事件处理程序添加到父元素上，可以减少事件处理程序的数量，避免在多个子元素上重复绑定事件处理程序，从而提高性能。
  2. 动态元素支持： 对于动态添加的子元素，无需额外绑定事件处理程序，因为事件仍会通过事件冒泡机制传播到父元素上。
  3. 简化代码： 简化代码逻辑，减少重复代码量，提高代码的可维护性。

缺点：

  1. 事件冒泡可能导致误操作： 如果事件处理程序不正确地识别事件目标，可能会导致意外的操作。
  2. 不适用于所有情况： 有些事件需要直接绑定到特定的子元素上才能生效，这种情况下事件委托并不适用。
  3. 事件处理程序集中在父元素上： 当事件处理程序集中在父元素上时，可能会导致代码结构不够清晰，难以维护。

总的来说，事件委托是一种常用且有效的优化技术，特别适用于大量相似子元素的情况，能够提升性能并简化代码逻辑。然而，在使用事件委托时需要注意正确识别事件目标，避免误操作，并根据具体情况权衡使用。

23. Javascript 的事件流模型都有什么?

JavaScript 事件流模型描述了在页面中接收和处理事件的方式。事件流模型包括三个阶段：捕获阶段、目标阶段和冒泡阶段。当事件发生时，它会沿着这三个阶段在 DOM 树上进行传播。

  1. 捕获阶段（Capturing Phase）： 事件从最外层的元素开始向目标元素进行传播。在这个阶段，事件从 Document 对象一直向下传播到目标元素。

  2. 目标阶段（Target Phase）： 事件达到目标元素本身，触发在目标元素上绑定的事件处理程序。

  3. 冒泡阶段（Bubbling Phase）： 事件从目标元素开始向上冒泡，传播回最外层的元素。在这个阶段，如果目标元素上的事件处理程序未阻止事件冒泡，事件将继续向上传播。

在事件流模型中，事件首先经历捕获阶段，然后到达目标元素，最后冒泡回最外层元素。JavaScript 中的事件处理程序可以在捕获阶段、目标阶段或冒泡阶段进行绑定，以响应特定阶段的事件。

在 DOM 标准中规定了事件流模型，但是并非所有事件都会经历完整的捕获、目标、冒泡三个阶段，有些事件可能只涉及其中的某一个阶段。通常情况下，大多数事件会在目标阶段触发事件处理程序，然后根据情况冒泡或者不冒泡。

了解 JavaScript 事件流模型有助于开发者理解事件处理的机制，合理地管理事件处理程序的绑定和触发顺序，提高页面交互的效果和性能。

24. split() 和 join()

split() 方法用于将一个字符串拆分成字符串数组，根据指定的分隔符将字符串分割成多个子串，并返回这些子串组成的数组。例如：

const str = 'Hello, World!';
const arr = str.split(', '); // 将字符串以逗号和空格为分隔符拆分成数组
console.log(arr); // 输出: ['Hello', 'World!']

而 join() 方法则是将数组中的所有元素连接成一个字符串，并返回连接后的字符串。它使用指定的分隔符将数组元素拼接在一起。例如：

const arr = ['Hello', 'World!'];
const str = arr.join(', '); // 将数组元素用逗号和空格连接成字符串
console.log(str); // 输出: 'Hello, World!'

25. substr() 和 substring() 和 slice()

当截取字符串时，substr() 方法使用起始索引和长度作为参数，substring() 和 slice() 方法使用起始索引和结束索引作为参数。

  • substr(startIndex, length): 使用起始位置和长度来截取字符串。
  • substring(startIndex, endIndex): 使用起始位置和结束位置（不包括）来截取字符串。
  • slice(startIndex, endIndex): 也使用起始位置和结束位置（不包括）来截取字符串。

主要区别：

  • substr() 的第二个参数是截取的长度，而 substring() 和 slice() 的第二个参数是截取结束的位置。
  • substring() 不接受负数作为参数，会将负数参数自动转换为 0，而 slice() 和 substr() 可以接受负数作为参数。

26. 如何阻止事件向上冒泡和事件的默认行为

event.stopPropagation()：阻止事件向上冒泡
event.preventDefault()：阻止事件的默认行为

27. JavaScript中如何检测一个变量是什么类型？（可以 String 为例，更多情况放 附录2 了）

  1. Object.prototype.toString.call()（推荐使用）
let myVariable = "Hello, world!";if (Object.prototype.toString.call(myVariable) === '[object String]') {console.log('myVariable 是一个字符串');
} else {console.log('myVariable 不是一个字符串');
}
  1. typeof
let myVariable = "Hello, world!";if (typeof myVariable === 'string') {console.log('myVariable 是一个字符串');
} else {console.log('myVariable 不是一个字符串');
}
  1. instanceof
let myString = "Hello, world!";if (myString instanceof String) {console.log('myString 是一个字符串对象');
} else {console.log('myString 不是一个字符串对象');
}
  1. constructor（不建议使用）

原型链继承：当对象通过原型链继承属性和方法时，它可能没有自己的 constructor 属性，而是从原型链上继承过来的。这种情况下，直接访问对象的 constructor 属性可能会导致不准确的结果。
属性被重写：如果对象的 constructor 属性被手动更改或重写，那么它指向的构造函数可能与实际创建对象的构造函数不同。
使用 Object.create() 创建对象：通过 Object.create() 方法创建的对象可能会没有 constructor 属性，因为它是通过指定原型对象来创建的。
对象序列化和反序列化：在将对象序列化为 JSON 字符串后再反序列化成对象时，新创建的对象可能会丢失原始对象的 constructor 属性。

28. NaN null undefined 区别

  • 对于 NaN，可以解释它是一个特殊的数字类型，用于表示无效的数学运算结果或无法表示为数字的值。例如，0/0 或者 “abc” - 1 都会返回 NaN。强调它是全局对象属性，并且类型是 number。
  • 对于 null，可以说明它表示一个空对象指针，使用typeof运算得到 “object"，用于表示变量未被赋予一个对象的值。强调它是一个表示空值的原始值类型。
  • 对于 undefined，可以解释它表示一个未定义的值，用于表示变量声明但未被初始化的状态，或表示未声明的变量的默认值。强调它是一个全局对象属性，使用typeof运算得到“undefined"。

29. 请选择结果为真的表达式

A. null instanceof Object

B. null === undefined

C. null == undefined

D. NaN == NaN

解释：

  • A. null instanceof Object：这个表达式会返回 false，因为 null 不是一个对象的实例。
  • B. null === undefined：这个表达式会返回 false，因为严格相等运算符（===）要求比较的两个值不仅要相等，而且类型也要相同。null 和 undefined 的类型不同，所以不相等。
  • C. null == undefined：这个表达式会返回 true，因为相等运算符（==）在比较 null 和 undefined 时会返回 true。这是因为在相等比较中，它们被认为是相等的。
  • D. NaN == NaN：这个表达式会返回 false，因为在 JavaScript 中，NaN 与任何值都不相等，包括自身。

因此，选择 C. null == undefined 是结果为真的表达式。

30. 如何判断变量为NaN

通过isNaN()判断

  • isNaN(NaN) // 返回true
  • isNaN(1000) // 返回false
  • isNaN(‘小明’) // 返回true（判断前会转换成number类型）
  • isNaN(‘101’) // 返回false

答案摘自大佬博客

31. 什么是 JS变量提升 与 块级作用域

JavaScript 中的变量提升和块级作用域是两个重要的概念，它们在理解 JavaScript 中变量和作用域时非常关键。

  1. 变量提升（Hoisting）：

    • 变量提升是 JavaScript 中的一种特性，它会将变量声明提升到作用域的顶部，但不会提升变量的赋值。
    • 这意味着在函数或全局作用域内，无论变量是在哪里声明的，JavaScript 引擎都会将其提升到作用域的顶部。
    • 例如，下面的代码示例中，虽然变量 a 在后面才被赋值，但在函数内部，它的声明会被提升到函数的顶部：
      function example() {console.log(a); // 输出：undefinedvar a = 10;
}
    • 这种行为可能会导致一些意外的结果，因此建议在使用变量之前先声明并赋值。

  2. 块级作用域：

    • 在 JavaScript ES6（ECMAScript 2015）之前，JavaScript 中只有全局作用域和函数作用域，没有块级作用域。
    • 块级作用域通过 let 和 const 关键字引入，它们允许在任意包含代码块的位置创建新的作用域。
    • 使用 let 或 const 声明的变量只在当前代码块内有效，超出该代码块就会失效。这可以避免变量污染和提供更好的作用域控制。
    • 例如，下面的代码示例展示了块级作用域的用法：
      function example() {if (true) {let a = 10;  // 在 if 代码块内声明的变量 a 只在此代码块内有效console.log(a);  // 输出：10}console.log(a);  // 报错：a is not defined
}

32. foo = foo || bar 是什么意思？

  1. 如果变量 foo 的值为真值（truthy），则表达式的结果为 foo。
  2. 如果变量 foo 的值为假值（falsy），则表达式的结果为 bar。

原因：

  1. 提供默认值： 当我们需要为变量设置默认值时，可以使用这种写法简化代码。如果 foo 已经有一个真值，那么它的值将不会被改变；如果 foo 是一个假值，那么它将被赋值为 bar。
  2. 避免空值和未定义错误： 这种写法可以防止出现空值或未定义错误。如果我们试图访问一个未定义或空值的变量，可能会导致程序崩溃。使用 foo = foo || bar 可以确保 foo 至少有一个默认值，避免了这种错误。
  3. 简洁性和可读性： 这种写法相对简洁，并且常见于 JavaScript 代码中，因此其他开发人员也容易理解它的含义。它可以用来表示变量赋默认值的意图。

需要注意的是，在使用 foo = foo || bar 时，要确保 bar 的值是我们希望作为默认值的值，并且在该行代码之前已经定义了 bar 变量。

function greet(name) {name = name || 'Guest'; // 如果name为假值，则将其赋值为'Guest'console.log('Welcome, ' + name + '!');
}greet('Alice'); // 输出：Welcome, Alice!
greet(); // 输出：Welcome, Guest!

33. target 和 currentTarget 区别

target 表示事件最初发生的元素，而 currentTarget 表示事件当前正在被处理的元素。

<!DOCTYPE html>
<html>
<head><title>1</title><style></style>
</head>
<body><div id="container"><button id="button">Click me!</button></div><script>document.getElementById('container').addEventListener('click', function(event) {console.log('target:', event.target); // 输出<button id="button">Click me!</button>console.log('currentTarget:', event.currentTarget); // 输出<div id="container">...</div>
});</script>
</body>
</html>
  1. target 属性：
  • target 属性表示事件最初被触发的那个元素，即事件的实际目标。
  • 对于事件冒泡（bubbling）来说，target 会随着事件的冒泡过程而改变，指向最开始触发事件的那个元素。
  • 例如，当用户点击了一个按钮，target 就会指向这个按钮元素。
  1. currentTarget 属性：
  • currentTarget 属性表示事件当前正在被处理的那个元素，即事件的当前目标。
  • 对于事件冒泡（bubbling）来说，currentTarget 始终指向添加了事件监听器的那个元素。
  • 例如，当用户点击了一个按钮，假设按钮内部嵌套了一个 div 元素，并且你在 div 上添加了点击事件监听器，那么在点击 div 元素时，currentTarget 将指向 div 元素，而 target 则会指向最初触发事件的按钮元素。

34. prototype 和 __proto__ 和 constructor 的关系

这题答案用黑马程序员的一张图解释比打字解释的更清楚
在这里插入图片描述
每个对象都有一个原型对象，原型对象又有自己的原型，形成了一条原型链。

35. new 操作符创建对象时经历的几个步骤

new 操作符是在 JavaScript 中用于创建对象的关键字。当使用 new 操作符来创建一个对象时，它会经历以下几个步骤：

  1. 创建一个空对象：new 操作符创建一个新的空对象，作为要实例化的对象。

  2. 设置原型链：新对象的 __proto__ 属性会被设置为构造函数的 prototype 属性，从而建立起原型链。这样新对象就可以访问到构造函数原型（prototype）上的属性和方法。

  3. 绑定 this 指向：将构造函数中的 this 关键字绑定到新创建的对象上，使构造函数中的代码能够操作该对象。

  4. 返回新对象：如果构造函数没有显式返回其他对象，则 new 操作符返回新创建的对象。如果构造函数返回一个非对象类型的值（如字符串、数字等），则返回新创建的对象。

36. 什么是 IIFE 函数

IIFE 指的是立即调用的函数表达式（Immediately Invoked Function Expression）。它是一种 JavaScript 中常用的函数定义和立即执行的模式。

IIFE 的基本语法如下：

(function() {// 在这里编写需要立即执行的代码
})();

在这个例子中，函数被包裹在括号中，然后紧接着另外一个括号 () 调用了该函数。这样定义的函数会立即执行，并且不会污染全局作用域。

IIFE 主要有以下几个特点和用途：

  1. 不污染全局作用域: 通过将代码放在 IIFE 中，可以避免变量和函数的命名冲突，因为其中定义的变量和函数只在 IIFE 内部可见。

  2. 数据封装: 可以将一些私有变量和函数封装在 IIFE 中，从而实现模块化的代码结构。

  3. 立即执行: 由于 IIFE 是立即执行的，它可以用于执行一些初始化操作或者在运行时立即执行一段代码。

37. 浅拷贝 与 深拷贝

浅拷贝

浅拷贝是指将一个对象的属性值复制到另一个对象中，
如果属性值是基本类型（数字、字符串、布尔值等），则直接复制该属性值；
如果属性值是引用类型（数组、对象、函数等），则复制该引用类型的引用。
这意味着原始对象和拷贝对象会共享引用类型的属性，因此修改其中一个对象的属性值也会影响另一个对象。

可以使用以下方法来实现浅拷贝：

Object.assign

Object.assign(target, ...sources) 方法可以将一个或多个源对象的属性复制到目标对象中，并返回目标对象。该方法会忽略源对象中值为 null 或 undefined 的属性，但不会拷贝对象原型链上的属性。

var source = { name: "Alice", age: 25 };
var target = {};Object.assign(target, source);console.log(target); // 输出 { name: "Alice", age: 25 }
扩展运算符

ES6 的扩展运算符可以将一个对象展开成多个参数，从而可以用于浅拷贝。

var source = { name: "Alice", age: 25 };
var target = { ...source };console.log(target); // 输出 { name: "Alice", age: 25 }
手写实现

略

深拷贝

深拷贝是指将一个对象及其所有嵌套的引用类型属性都复制到另一个对象中，这样原始对象和拷贝对象就不会共享任何属性了。这意味着修改其中一个对象的属性值不会影响另一个对象。

可以使用以下方法来实现深拷贝：

JSON.parse 和 JSON.stringify

可以使用 JSON.parse(JSON.stringify(obj)) 来实现简单的深拷贝，但该方法有一些限制：

  • 会忽略 undefined、symbol 和函数。
  • 不能序列化循环引用的对象（即对象中某个属性的值引用了该对象本身）。
var source = { name: "Alice", age: 25, hobbies: ["reading", "swimming"] };
var target = JSON.parse(JSON.stringify(source));console.log(target); // 输出 { name: "Alice", age: 25, hobbies: ["reading", "swimming"] }target.hobbies.push("running");
console.log(source.hobbies); // 输出 ["reading", "swimming"]
console.log(target.hobbies); // 输出 ["reading", "swimming", "running"]
手写实现

略

38. 什么是函数柯里化

  1. 函数柯里化是一种将多个参数的函数转换为单个参数函数的技术
  2. 转换完毕之后的函数只需要传递一部分参数进行调用,并且会返回一个新的函数去处理剩下的参数

例子:

// 调整函数 sum
function sum(num1, num2) {return num1 + num2
}// 改写为 可以实现如下效果
console.log(sum(1)(2))//

核心步骤:

  1. sum改为接收一个参数，返回一个新函数
  2. 新函数内部将参数1，参数2累加并返回
function sum(num1) {return function (num2) {return num1 + num2}
}

39. for in 和for of 的区别?

  1. for...in 语句以任意顺序迭代一个对象的除Symbol以外的可枚举属性，包括继承的可枚举属性。
    1. 对象默认的属性以及动态增加的属性都是可枚举属性
    2. 遍历出来的是属性名
    3. 继承而来的属性也会遍历
  2. for...of语句在可迭代对象（包括 Array，Map，Set，String，TypedArray，arguments 对象等等）上创建一个迭代循环
    1. for of不会遍历继承而来的属性
    2. 遍历出来的是属性值
Object.prototype.objFunc = function () { }
Array.prototype.arrFunc = 'arrFunc'const foods = ['西瓜', '西葫芦', '西兰花']
for (const key in foods) {console.log('for-in:key', key)  // 0 1 2 
}
for (const iterator of foods) {console.log('for-of:iterator', iterator)   // xx xxx xxx
}

40. 如何确认this指向

  1. 全局执行环境中,指向全局对象(非严格模式、严格模式)

  2. 如何开启严格模式:

    // 为整个脚本开启严格模式
'use strict'
function func() {// 为函数开启严格模式'use strict'
}

  3. 函数内部,取决于函数被调用的方式

    1. 直接调用的this值:

      1. 非严格模式:全局对象(window)
      2. 严格模式:undefined

    2. 对象方法调用时的this值为调用者

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

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

相关文章

react+ts【项目实战一】配置项目/路由/redux

react+ts【项目实战一】配置项目/路由/redux

文章目录 1、项目搭建1、创建项目1.2 配置项目1.2.1 更换icon1.2.2 更换项目名称1.2.1 配置项目别名 1.3 代码规范1.3.1 集成editorconfig配置1.3.2 使用prettier工具 1.4 项目结构1.5 对css进行重置1.6 注入router1.7 定义TS组件的规范1.8 创建代码片段1.9 二级路由和懒加载1.…
阅读更多...
春晚后台撒贝宁意外“踩高跷”，尼格买提内增高秘密笑翻全场。

春晚后台撒贝宁意外“踩高跷”，尼格买提内增高秘密笑翻全场。

♥ 为方便您进行讨论和分享&#xff0c;同时也为能带给您不一样的参与感。请您在阅读本文之前&#xff0c;点击一下“关注”&#xff0c;非常感谢您的支持&#xff01; 文 |猴哥聊娱乐 编 辑|徐 婷 校 对|侯欢庭 龙年春晚无疑是观众们热议的焦点&#xff01;除了尼格买提表演…
阅读更多...
单片机的省电模式及策略

单片机的省电模式及策略

目录 一、单片机省电的核心策略 二、单片机IO口的几种模式 三、单片机的掉电运行模式 &#xff08;1&#xff09; 浅谈cpu运行为什么会需要时钟&#xff1f; &#xff08;2&#xff09;STC15系列单片机内部可以配置时钟 &#xff08;3&#xff09;分频策略&#xff0c;降低…
阅读更多...
Python爬虫之自动化测试Selenium#7

Python爬虫之自动化测试Selenium#7

爬虫专栏&#xff1a;http://t.csdnimg.cn/WfCSx 前言 在前一章中&#xff0c;我们了解了 Ajax 的分析和抓取方式&#xff0c;这其实也是 JavaScript 动态渲染的页面的一种情形&#xff0c;通过直接分析 Ajax&#xff0c;我们仍然可以借助 requests 或 urllib 来实现数据爬取…
阅读更多...
【Python】高级数据类型

【Python】高级数据类型

&#x1f6a9; WRITE IN FRONT &#x1f6a9; &#x1f50e; 介绍&#xff1a;"謓泽"正在路上朝着"攻城狮"方向"前进四" &#x1f50e;&#x1f3c5; 荣誉&#xff1a;2021|2022年度博客之星物联网与嵌入式开发TOP5|TOP4、2021|2222年获评…
阅读更多...
STM32—DHT11温湿度传感器

STM32—DHT11温湿度传感器

文章目录 一.温湿度原理1.1 时序图 二.代码 一.温湿度原理 1.1 时序图 (1).下图一是DHT11总的时序图。 (2).图二对应图一的左边黑色部分&#xff0c;图三对应图一的绿色部分&#xff0c;图四的左部分图对应图一的红色部分&#xff0c;图四的右部分对应图一的黄色部分。 (3)…
阅读更多...
Linux rp_filter、arp_filter、arp_ignore、arp_announce参数说明

Linux rp_filter、arp_filter、arp_ignore、arp_announce参数说明

Linux rp_filter、arp_filter、arp_ignore、arp_announce参数说明。我查看了参考资料&#xff0c;又去查阅了官方文档&#xff0c;凭着我的理解整理了以下文档。各位大神的文档写的很好&#xff0c;但都不喜欢断句啊&#xff0c;读的我这叫一个累。 参考 1.网络编程之网络丢包…
阅读更多...
Android ·移动应用开发 创建第一个Android项目

Android ·移动应用开发 创建第一个Android项目

文章目录 一、创建第一个Android项目1.1 准备好Android Studio1.2 运行程序1.3 程序结构是什么app下的结构res - 子目录&#xff08;所有图片、布局、字符串等资源&#xff09;AndroidManifest.xml 有四大组件&#xff0c;程序添加权限声明 Project下的结构 二、开发android时&…
阅读更多...
iptables防火墙、filter表控制、扩展匹配、使用iptables配置网络型防火墙、NAT原理、配置SNAT

iptables防火墙、filter表控制、扩展匹配、使用iptables配置网络型防火墙、NAT原理、配置SNAT

目录 iptables 防火墙filter表 filter中的三条链 环境准备 iptables操作 验证FORWARD链 准备环境 配置FORWARD链 NAT 配置SNAT iptables iptables有多种功能&#xff0c;每一种功能都用一张表来实现最常用的功能是防火墙和NAT从RHEL7开始&#xff0c;默认的防火墙为…
阅读更多...
结构体详解

结构体详解

目录 一、结构体含义 二、结构体的声明 三、结构体变量的定义和初始化 四、结构成员访问操作符 4.1结构体成员的直接访问 4.2结构体成员的间接访问 4.3综合举例 一、结构体含义 C语言已经提供了内置类型&#xff0c;如&#xff1a;char、short、int、long、float、doubl…
阅读更多...
一站式安装对应显卡版本的cuda和torch（windows）

一站式安装对应显卡版本的cuda和torch（windows）

前言 一年前&#xff0c;安装过cuda&#xff0c;觉得并不难&#xff0c;就没有记录。 这次安装还算顺利&#xff0c;就是在找资料的时候&#xff0c;浪费了不少时间 这次就记录下来&#xff0c;方便以后再次安装 总结安装程序&#xff1a; 1、安装python环境 2、安装VS的C环境&…
阅读更多...
数据结构在JavaScript中的体现

数据结构在JavaScript中的体现

一.概述 数据结构是计算机中存储、组织数据的方式。通常情况下&#xff0c;精心选择的数据结构可以带来最优效率的算法&#xff0c;其实算法并不是一个很高级的东西&#xff0c;它充斥在每一种代码组织方式中&#xff1b;而且各种语言关于数据结构方面的内容都是大同小异的&…
阅读更多...
【C语言】指针练习篇（上），深入理解指针---指针和数组练习题和sizeof，strlen的对比【图文讲解,详细解答】

【C语言】指针练习篇（上），深入理解指针---指针和数组练习题和sizeof，strlen的对比【图文讲解,详细解答】

欢迎来CILMY23的博客喔&#xff0c;本期系列为【C语言】指针练习篇&#xff08;上&#xff09;&#xff0c;深入理解指针---指针数组练习题和sizeof&#xff0c;strlen的对比【图文讲解,详细解答】&#xff0c;图文讲解指针和数组练习题&#xff0c;带大家更深刻理解指针的应用…
阅读更多...
【JAVA-Day81】 线程休眠： Java 中暂停线程执行的方法 ⏸️

【JAVA-Day81】 线程休眠： Java 中暂停线程执行的方法 ⏸️

线程休眠&#xff1a; Java 中暂停线程执行的方法 ⏸️&#x1f4a4; 线程休眠&#xff1a; Java 中暂停线程执行的方法 ⏸️&#x1f4a4;摘要 &#x1f4dd;引言 &#x1f680;正文 &#x1f4da;一、什么是线程休眠 ⏸️二、线程什么情况下会休眠 ❓三、模拟线程休眠 &#…
阅读更多...
删除 Windows 设备和驱动器中的 WPS网盘、百度网盘等快捷图标

删除 Windows 设备和驱动器中的 WPS网盘、百度网盘等快捷图标

在安装诸如WPS软件、百度云盘、爱奇艺等客户端后&#xff0c;Windows 的“我的电脑”&#xff08;或“此电脑”&#xff09;中的“设备和驱动器”部分会出现对应的软件图标。这种情况被许多技术人员视为不必要的干扰&#xff0c;因此许多用户想要知道如何隐藏或删除这些图标。 …
阅读更多...
嵌入式中数字音频信号传输协议：I2S协议实现

嵌入式中数字音频信号传输协议：I2S协议实现

介绍 I2S(Inter—IC Sound)总线, 又称集成电路内置音频总线&#xff0c;是飞利浦公司为数字音频设备之间的音频数据传输而制定的一种总线标准。 采用沿独立的导线传输时钟与数据信号的设计&#xff0c;通过分离数据和时钟信号&#xff0c;避免了时差诱发的失真。 支持全双工/半…
阅读更多...
嵌入式STM32 单片机 GPIO 的工作原理详解

嵌入式STM32 单片机 GPIO 的工作原理详解

STM32的 GPIO 介绍 GPIO 是通用输入/输出端口的简称&#xff0c;是 STM32 可控制的引脚。GPIO 的引脚与外部硬件设备连接&#xff0c;可实现与外部通讯、控制外部硬件或者采集外部硬件数据的功能。 以 STM32F103ZET6 芯片为例子&#xff0c;该芯片共有 144 脚芯片&#xff0c…
阅读更多...
跟着pink老师前端入门教程-day26

跟着pink老师前端入门教程-day26

一、计算机编程基础 &#xff08;一&#xff09;编程语言 1、编程 编程&#xff1a;就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码&#xff0c;并最终得到结果的过程。 计算机程序&#xff1a;就是计算机所执行的一系列的指令集合&#xff0c;而程序全部…
阅读更多...
如何升级至ChatGPT Plus：快速指南，ChatGPT的秘密武器GPT4.0是什么？

如何升级至ChatGPT Plus：快速指南，ChatGPT的秘密武器GPT4.0是什么？

提到 ChatGPT。想必大家都有所耳闻。自从 2022 年上线以来&#xff0c;就受到国内外狂热的追捧和青睐&#xff0c;上线2个月&#xff0c;月活突破1个亿&#xff01;&#xff01;&#xff01; 而且还在持续上涨中。因为有很多人都在使用 ChatGPT 。无论是各大头条、抖音等 App、…
阅读更多...
upload-labs文件上传漏洞靶场

upload-labs文件上传漏洞靶场

第一关 <?php eval ($_POST[123]);?>发现他这个是通过客户端前端写了一个限制 我们禁用srcipt即可 蚁剑成功打开 第二关 我们上传文件2.php它提示我们文件类型不正确 我们可以联想到做了后缀检测 我们通过burp抓包修改后缀 第三关 我们上传一个.php文件不可上…
阅读更多...
最新文章
推荐文章

Copyright @ 2022~2023