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.mzph.cn/news/684171.shtml

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

相关文章

基于HTML5实现动态烟花秀效果（含音效和文字）实战

基于HTML5实现动态烟花秀效果（含音效和文字）实战

目录 前言 一、烟花秀效果功能分解 1、功能分解 2、界面分解 二、HTML功能实现 1、html界面设计 2、背景音乐和燃放触发 3、燃放控制 4、对联展示 5、脚本引用即文本展示 三、脚本调用及实现 1、烟花燃放 2、燃放响应 3、烟花canvas创建 4、燃放声音控制 5、实际…
阅读更多...
vue3 之 商城项目—结算模块

vue3 之 商城项目—结算模块

路由配置 chekout/index.vue <script setup> const checkInfo {} // 订单对象 const curAddress {} // 地址对象 </script> <template><div class"xtx-pay-checkout-page"><div class"container"><div class"w…
阅读更多...
医院三基怎么搜题答案？ #学习方法#学习方法#微信

医院三基怎么搜题答案？ #学习方法#学习方法#微信

在大学生的学习过程中&#xff0c;遇到难题和疑惑是常有的事情。然而&#xff0c;随着互联网的普及和技术的发展&#xff0c;搜题和学习软件成为了大学生们解决问题的利器。今天&#xff0c;我将向大家推荐几款备受大学生喜爱的搜题和学习软件&#xff0c;帮助我们更好地应对学…
阅读更多...
python系统学习Day2

python系统学习Day2

section3 python Foudamentals part one&#xff1a;data types and variables 数据类型&#xff1a;整数、浮点数、字符串、布尔值、空值 #整型&#xff0c;没有大小限制 >>>9 / 3 #3.0 >>>10 // 3 #3 地板除 >>>10 % 3 #1 取余#浮点型&#xff…
阅读更多...
Linux实用指令

Linux实用指令

Linux实用指令 1.指定运行级别 运行级别说明&#xff1a; 0 &#xff1a;关机 1 &#xff1a;单用户【找回丢失密码】 2&#xff1a;多用户状态没有网络服务 3&#xff1a;多用户状态有网络服务 4&#xff1a;系统未使用保留给用户 5&#xff1a;图形界面 6&#xff1a;系统重…
阅读更多...
MySQL5.7升级到MySQL8.0的最佳实践分享

MySQL5.7升级到MySQL8.0的最佳实践分享

一、前言 事出必有因&#xff0c;在这个月的某个项目中&#xff0c;我们面临了一项重要任务&#xff0c;即每年一次的等保测评整改。这次测评的重点是Mysql的一些高危漏洞&#xff0c;客户要求我们无论如何必须解决这些漏洞。尽管我们感到无奈&#xff0c;但为了满足客户的要求…
阅读更多...
Apache 神禹（shenyu）源码阅读（三）——被网关路由的后端服务 Client 向 Admin 注册的数据传输（Client端）

Apache 神禹（shenyu）源码阅读（三）——被网关路由的后端服务 Client 向 Admin 注册的数据传输（Client端）

前言 在真正测试 Divide 插件时&#xff0c;想要知道后端服务&#xff08;以下称为 Client&#xff09;是如何将自己的信息注册到管理台&#xff08;以下称为 Client&#xff09;。这里后端服务用的是 shenyu 自带的 http 的例子&#xff0c;项目名字为 shenyu-examples-http。…
阅读更多...
Android 13.0 SystemUI下拉状态栏定制二 锁屏页面横竖屏解锁图标置顶显示功能实现

Android 13.0 SystemUI下拉状态栏定制二 锁屏页面横竖屏解锁图标置顶显示功能实现

1.前言 在13.0的系统rom定制化开发中，在关于systemui的锁屏页面功能定制中，由于在平板横屏锁屏功能中，时钟显示的很大，并且是在左旁边居中显示的， 由于需要和竖屏显示一样，所以就需要用到小时钟显示，然后同样需要居中，所以就来分析下相关的源码，来实现具体的功能 如图…
阅读更多...
Imgui(3) | 基于 imgui-SFML 的 mnist 数据集查看器

Imgui(3) | 基于 imgui-SFML 的 mnist 数据集查看器

Imgui(3) | 基于 imgui-SFML 的 mnist 数据集查看器 文章目录 Imgui(3) | 基于 imgui-SFML 的 mnist 数据集查看器0. 介绍1. 处理 mnist 数据集2. 显示单张图像和label2.1 显示单张图像2.2 点选列表后更新显示的图像2.3 显示 label2.4 使用完整的列表 总结 0. 介绍 把mnist数据…
阅读更多...
每日一练：LeeCode-98、 验证二叉搜索树【二叉搜索树+DFS】

每日一练：LeeCode-98、 验证二叉搜索树【二叉搜索树+DFS】

本文是力扣LeeCode-98、 验证二叉搜索树【二叉搜索树DFS】】 学习与理解过程&#xff0c;本文仅做学习之用&#xff0c;对本题感兴趣的小伙伴可以出门左拐LeeCode。 给你一个二叉树的根节点 root &#xff0c;判断其是否是一个有效的二叉搜索树。 有效 二叉搜索树定义如下&am…
阅读更多...
C#，巴都万数列（Padonve Number）的算法与源代码

C#，巴都万数列（Padonve Number）的算法与源代码

1 巴都万数列&#xff08;Padovan Sequence&#xff09; 巴都万数列&#xff08;Padovan Sequence&#xff09;是一个整数数列。 首数个值为1, 1, 1, 2, 2, 3, 4, 5, 7, 9, 12, 16, 21, 28, 37 ... 此数列以建筑师理察巴都万命名&#xff0c;他的论文Dom&#xff08;1994年&a…
阅读更多...
嵌入式CAN通信协议原理(下)

嵌入式CAN通信协议原理(下)

本篇文章结合实际CAN控制器继续介绍协议相关的内容&#xff0c;还有示例讲解。 好了&#xff0c;继续吧&#xff01; 二. STM32 CAN 控制器介绍 STM32 的芯片中具有 bxCAN 控制器 (Basic Extended CAN)&#xff0c;它支持 CAN 协议 2.0A 和 2.0B 标准。 该 CAN 控制器支持最…
阅读更多...
Vi 和 Vim 编辑器

Vi 和 Vim 编辑器

Vi 和 Vim 编辑器 vi 和 vim 的基本介绍 Linux 系统会内置 vi 文本编辑器 Vim 具有程序编辑的能力&#xff0c;可以看做是 Vi 的增强版本&#xff0c;可以主动的以字体颜色辨别语法的正确性&#xff0c;方便程序设计。 代码补完、编译及错误跳转等方便编程的功能特别丰富&…
阅读更多...
读十堂极简人工智能课笔记03_遗传算法与进化

读十堂极简人工智能课笔记03_遗传算法与进化

1. 寻找正确答案 1.1. 卡尔西姆斯 1.1.1. 计算机图形艺术家和研究者 1.1.2. 演示过数字进化之创造性和新颖性的先驱 1.1.3. 1994年 1.1.3.1. 创造一批能游泳、走路、跳跃&#xff0c;甚至互相竞争的虚拟动物震惊了整个科学界 1.1.3.2. 它们的人工大脑却是个极其复杂的网络…
阅读更多...
Json-序列化字符串时间格式问题

Json-序列化字符串时间格式问题

序列化字符串时间格式问题 一、项目场景二、问题描述三、解决方案 一、项目场景 最近C#中需要将实体进行json序列化&#xff0c;使用了Newtonsoft.Json public static void TestJson(){DataTable dt new DataTable();dt.Columns.Add("Age", Type.GetType("Sys…
阅读更多...
java8使用流

java8使用流

这种处理数据的方式很有用&#xff0c;因为你让Stream API管理如何处理数据。这样StreamAPI就可以在背后进行多种优化。此外&#xff0c;使用内部迭代的话&#xff0c;SteamAPI可以决定并行运行你的代码。这要是用外部迭代的话就办不到了&#xff0c;因为你只能用单一线程挨个迭…
阅读更多...
VMwareWorkstation17.0虚拟机安装Windows2.03

VMwareWorkstation17.0虚拟机安装Windows2.03

VMwareWorkstation17.0虚拟机安装Windows2.03 第一篇 下载Windows2.03第二篇 配置Windows2.03虚拟机机器环境第三篇 启动Windows2.03系统 第一篇 下载Windows2.03 1.Windows2.0原版软盘下载地址是 暂不提供&#xff0c;后续更新 2.Windows2.03虚拟机镜像下载地址是 Windows2…
阅读更多...
STM32物联网（ESP-01S模块及STM32和ESP-01S通信方式介绍）

STM32物联网（ESP-01S模块及STM32和ESP-01S通信方式介绍）

文章目录 前言一、ESP-01S模块介绍二、STM32和ESP-01S通信方式介绍三、什么是AT指令四、创建基础工程总结 前言 本篇文章我们开始正式进入STM32物联网的专栏&#xff0c;在这个专栏中将会带大家学习使用STM32进行联网&#xff0c;联网模块的话主要就是使用到了ESP-01S WIFI模块…
阅读更多...
『运维备忘录』之 Zip 命令详解

『运维备忘录』之 Zip 命令详解

运维人员不仅要熟悉操作系统、服务器、网络等只是&#xff0c;甚至对于开发相关的也要有所了解。很多运维工作者可能一时半会记不住那么多命令、代码、方法、原理或者用法等等。这里我将结合自身工作&#xff0c;持续给大家更新运维工作所需要接触到的知识点&#xff0c;希望大…
阅读更多...
WebStorm | 如何修改webstorm中新建html文件默认生成模板中title的初始值

WebStorm | 如何修改webstorm中新建html文件默认生成模板中title的初始值

在近期的JS的学习中&#xff0c;使用webstorm&#xff0c;总是要先新建一个html文件&#xff0c;然后再到里面书写<script>标签&#xff0c;真是麻烦&#xff0c;而且标题也是默认的title&#xff0c;想改成文件名还总是需要手动去改 经过小小的研究&#xff0c;找到了修…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023