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

本文题目来源于全网收集,答案来源于 ChatGPT 和 博主(的小部分……)

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

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



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

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

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

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

fetchfetch 是浏览器内置的 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); // 输出:undefined
          var 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) 方法可以将一个或多个源对象的属性复制到目标对象中,并返回目标对象。该方法会忽略源对象中值为 nullundefined 的属性,但不会拷贝对象原型链上的属性。

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 infor of 的区别?

  1. for...in 语句以任意顺序迭代一个对象的除Symbol以外的可枚举属性,包括继承的可枚举属性。
    1. 对象默认的属性以及动态增加的属性都是可枚举属性
    2. 遍历出来的是属性名
    3. 继承而来的属性也会遍历
  2. for...of语句在可迭代对象(包括 ArrayMapSetStringTypedArray,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值为调用者


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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

c语言操作符(下)

目录 ​编辑 逗号表达式 下标访问[] 函数调⽤() sizeof 结构成员访问操作符 结构体 结构体声明 直接访问 .成员名 间接访问 结构体指针->成员名 逗号表达式 exp1, exp2, exp3, …expN 运算规则&#xff1a;从左向右依次执⾏。整个表达式的结果是最后⼀个表达…

【AIGC】Stable Diffusion的模型微调

为什么要做模型微调 模型微调可以在现有模型的基础上&#xff0c;让AI懂得如何更精确生成/生成特定的风格、概念、角色、姿势、对象。Stable Diffusion 模型的微调方法通常依赖于您要微调的具体任务和数据。 下面是一个通用的微调过程的概述&#xff1a; 准备数据集&#xf…

基于FPGA的ECG信号滤波与心率计算verilog实现,包含testbench

目录 1.算法运行效果图预览 2.算法运行软件版本 3.部分核心程序 4.算法理论概述 4.1 ECG信号的特点与噪声 4.2 FPGA在ECG信号处理中的应用 4.3 ECG信号滤波原理 4.4 心率计算原理 4.5 FPGA在ECG信号处理中的优势 5.算法完整程序工程 1.算法运行效果图预览 其RTL结构如…

英语题不会怎么搜答案?分享五个支持答案和解析的工具 #学习方法#媒体

在大学的学习过程中&#xff0c;我们常常会遇到一些难以解决的问题&#xff0c;有时候甚至会感到束手无策。然而&#xff0c;如今的技术发展给我们提供了新的解决方案。搜题软件作为一种强大的学习工具&#xff0c;正在被越来越多的大学生所接受和使用。今天&#xff0c;我将为…

【C深度解剖】取模与取余

简介&#xff1a;本系列博客为C深度解剖系列内容&#xff0c;以某个点为中心进行相关详细拓展 适宜人群&#xff1a;已大体了解C语法同学 作者留言&#xff1a;本博客相关内容如需转载请注明出处&#xff0c;本人学疏才浅&#xff0c;难免存在些许错误&#xff0c;望留言指正 作…

wordpress好的网站主题

有什么好的网站主题&#xff0c;都分享在这里了。 蓝色风格的wordpress模板&#xff0c;好的wordpress网站主题&#xff0c;需要既好看&#xff0c;又好用。 https://www.zhanyes.com/qiye/6305.html 血红色的好看的wordpress主题&#xff0c;布局经典&#xff0c;设计好的&am…

Panalog 日志审计系统 sessiptbl.php 前台RCE漏洞复现

0x01 产品简介 Panalog是一款日志审计系统,方便用户统一集中监控、管理在网的海量设备。 0x02 漏洞概述 Panalog日志审计系统 sessiptbl.php接口处存在远程命令执行漏洞,攻击者可执行任意命令,接管服务器权限。 0x03 影响范围 version <= MARS r10p1Free 0x04 复现…

每日一题 力扣107 二叉树的层序遍历Ⅱ

107. 二叉树的层序遍历 II 题目描述&#xff1a; 给你二叉树的根节点 root &#xff0c;返回其节点值 自底向上的层序遍历 。 &#xff08;即按从叶子节点所在层到根节点所在的层&#xff0c;逐层从左向右遍历&#xff09; 示例 1&#xff1a; 输入&#xff1a;root [3,9,20…

OLED显示红外遥控键码

基本原理 本遥控器的编码是NEC编码&#xff0c;为PWM&#xff08;脉冲宽度调制&#xff09;。 发射红外载波的时间固定&#xff0c;通过改变不发射载波的时间来改变占空比。 逻辑“0”是由0.56ms的38KHZ载波和0.560ms的无载波间隔组成&#xff1b;逻辑“1”是由0.56ms的38KHZ…

[职场] 汉语言文学求职信范文 #微信#笔记

汉语言文学求职信范文 在撰写求职信之前一定要明确自己写信的目的&#xff0c;然后&#xff0c;在撰写过程中&#xff0c;朝着这个目的前进。其次&#xff0c;撰写求职信的时候一定要包含自己的竞争优势&#xff0c;用相应的数据或者故事讲述&#xff0c;切记空谈阔论。最后&am…

如何使用python在三天内制作出一个赛车游戏

制作一个赛车游戏是一个复杂的过程&#xff0c;涉及多个方面&#xff0c;如游戏设计、图形渲染、物理引擎、用户输入处理等。在三天内完成这个任务可能非常具有挑战性&#xff0c;特别是如果你是初学者。但如果你有基本的Python编程知识和一些游戏开发经验&#xff0c;以下是一…

vivado Shift Registers、Dynamic Shift Registers

移位寄存器是一个触发器链&#xff0c;允许数据在固定&#xff08;静态&#xff09;数字上传播延迟阶段。相反&#xff0c;在动态移位寄存器中&#xff0c;传播链的长度在电路操作期间动态变化。从“coding”下载编码示例文件示例。 静态移位寄存器元件 静态移位寄存器通常包…

Vue核心基础3:计算属性和监视属性

1 计算属性 这边以姓名案例&#xff0c;来介绍计算属性 <body><div id"root"><!-- 姓&#xff1a;<input type"text" v-model:value"firstName"><br>名&#xff1a;<input type"text" v-model:value&…

AlmaLinux更换鼠标样式为Windows样式

文章目录 前言先看看条件与依赖第一步&#xff1a;测试最终效果第二步&#xff1a;使用CursorXP修改鼠标样式CurosrXP安装CursorXP使用 第三步&#xff1a;Linux端环境搭建与命令执行UbuntuFedora其他系统均失败 第四步&#xff1a;应用主题 前言 只不过是突发奇想&#xff0c…

二叉树相关OJ题

创作不易&#xff0c;感谢三连&#xff01;&#xff01; 一、选择题 1、某二叉树共有 399 个结点&#xff0c;其中有 199 个度为 2 的结点&#xff0c;则该二叉树中的叶子结点数为&#xff08; &#xff09; A.不存在这样的二叉树 B.200 C.198 D.199解析&#xff1a;选B&…

Linux设置jar包开机自启动

步骤 1、新建jar包自启文件 sudo vi /etc/init.d/jarSysInit.sh 按i键进入编辑模式输入以下内容&#xff1a; export JAVA_HOME/home/jdk/jdk-11.0.22 export CLASSPATH.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jar:$JAVA_HOME/jre/lib/rt.jar export PATH$PATH:$JAVA_…

qml报错: QML Frame: Cannot anchor to an item that isn‘t a parent or sibling.

1、错误一&#xff1a;qrc:/main.qml:30:5: QML Frame: Cannot anchor to an item that isnt a parent or sibling. QML的anchor必须定位父级对象或者同级对象&#xff0c;不能定位到其他如&#xff1a;同级对象的子对象。 //main.qml import QtQuick 2.0 import QtQuick.Con…

Mybatis Day02

增删改查 环境准备 创建一个emp表创建一个新的springboot工程&#xff0c;选择mysql、lombok、mybatis依赖application.properties中引入数据库连接信息创建对应的实体类Emp准备Mapper接口EmpMapper&#xff0c;mapper代表程序运行时自动创建接口的代理对象&#xff0c;并放入…

[office] Excel 数据库函数条件区域怎样设置 #笔记#笔记

Excel 数据库函数条件区域怎样设置 以下面的数据表格为例&#xff0c;对于条件区域的设置&#xff0c;有几方面需要注意的内容&#xff0c;下面就一起看看如何对Excel 数据库函数条件区域设置的吧。希望会大家有所帮助 以下面的数据表格为例&#xff0c;对于条件区域的设置&am…

【硬核】javascript轻松实现自动化批量取消某音用户关注功能

&#x1f680; 个人主页 极客小俊 ✍&#x1f3fb; 作者简介&#xff1a;web开发者、设计师、技术分享博主 &#x1f40b; 希望大家多多支持一下, 我们一起学习和进步&#xff01;&#x1f604; &#x1f3c5; 如果文章对你有帮助的话&#xff0c;欢迎评论 &#x1f4ac;点赞&a…