- 博客(54)
- 收藏
- 关注
RSS订阅原创 JS里 new Map()方法介绍
在JavaScript中，new Map() 用于创建一个新的Map对象。Map是一种数据结构，允许你存储键值对，其中任何值（对象和原始值）都可以作为一个键或一个值。
2024-06-08 13:39:00
1023
原创 理解闭包(力扣大佬写的，受教了)
在JavaScript中，闭包（closure）是指函数与其词法环境的组合。它允许函数在其定义的词法作用域之外访问变量，并保持对这些变量的引用，即使在函数外部被调用时仍然有效。闭包由两个主要部分组成：函数：闭包是一个函数，它定义了一些变量和逻辑。词法环境：词法环境是在函数定义时创建的作用域，它包含了函数中定义的变量和它们的值。
2024-06-04 08:44:45
263
3
原创 setInterval函数介绍（在js用于定时监听一个属性）
需要注意的是，setInterval 并不保证每次执行的间隔都完全准确，因为 JavaScript 运行在单线程环境中，如果前一个执行的任务花费了很长时间，那么下一个任务可能会延迟执行。此外，如果你在一个 setInterval 的回调函数中创建了另一个 setInterval，可能会导致计时器之间的冲突或难以管理的问题。因此，在使用 setInterval 时需要谨慎，并确保在适当的时候清除它们，以避免潜在的内存泄漏或其他问题。
2024-05-30 09:05:20
227
原创 ES6 剩余函数
ES6 引入了剩余参数（Rest Parameters）的概念，允许函数接受不定数量的参数，这些参数会被捕获成一个数组。剩余参数的语法使用三个点。总体来说，剩余参数是 ES6 中一个非常方便的特性，特别适合在处理不定数量的参数时使用。需要注意的是，剩余参数只能出现在函数的最后一个参数位置。就是剩余参数，它会捕获所有传递给函数的参数，并将它们存储在名为。对象，它提供了更灵活和易用的方式来处理不定数量的参数。方法计算数组中所有数字的总和。剩余参数可以用于替代传统的。
2024-01-27 13:45:21
560
原创 用html和css实现一个加载页面【究极简单】
要创建一个简单的加载页面，你可以使用 HTML 和 CSS 来设计。），并且有一个显示 “Loading…整个页面被居中显示。文件，就可以看到加载页面效果。根据实际需求，你可以对样式进行自定义修改。这个例子中，使用了一个简单的旋转的加载动画（CSS 中的。你可以将上述代码保存到两个文件中，一个是。，然后在浏览器中打开。
2024-01-09 11:11:29
1217
原创 什么是防抖和节流，如何实现防抖和节流【有例子】
节流（Throttling）和防抖（Debouncing）都是用于控制函数调用频率的前端性能优化技术。节流是一种限制函数调用频率的技术，确保函数在一定时间间隔内不会被过于频繁地触发。通过使用定时器，在规定的时间间隔内只执行一次函数调用。具体来说，如果在短时间内多次调用了函数，节流会确保函数只在指定的时间间隔内执行一次。这对于处理一些持续触发的事件，比如滚动、调整窗口大小等，可以有效降低函数执行的频率。
2023-12-27 19:35:52
497
原创 JS eval函数实现把字符串当脚本执行
时需要小心，因为它可能导致安全性问题，特别是在执行动态生成的字符串时。避免从不受信任的来源接受并执行字符串，以防止代码注入攻击。构造函数可以创建一个与当前作用域隔离的新函数，并且可以通过调用该函数来执行脚本。函数接受一个字符串参数，该字符串包含要执行的 JavaScript 代码。如果你要执行的脚本涉及到异步操作或其他更复杂的逻辑，你可能需要考虑使用。包含要执行的 JavaScript 代码，然后使用。更安全，但仍然需要小心，确保不会执行不受信任的代码。在 JavaScript 中，你可以使用。
2023-12-25 10:35:42
711
原创 JS 实现满足条件后跳出整个循环（some 方法）
这两种方法都允许你在满足某个条件时终止循环。选择哪一种方法取决于你的具体需求和使用场景。在 JavaScript 中，如果你想要终止循环，可以考虑使用其他迭代方法，如。方法会测试数组中的每个元素是否满足指定的条件。如果有一个元素满足条件，循环提供更大的灵活性，你可以在循环体中使用。方法就会立即终止循环。
2023-12-25 10:33:03
1469
原创 JS实现给数组去重【最简便且常用】
在 JavaScript 中，给数组去重有多种方法，不过其中一种最简便且常用的方法是使用 Set 数据结构。Set 是一种集合，它只允许存储唯一的值。通过将数组转换为 Set，然后再将 Set 转换回数组，你就可以得到一个去重后的数组。这种方法的优点包括简洁性和性能，因为 Set 内置了去重的机制。请注意，这种方法对于基本类型的数组元素非常有效。如果数组包含对象等引用类型，它们将会根据引用是否相同进行去重，而不是根据对象内容。构造函数被用于创建一个包含唯一值的 Set 实例，然后使用扩展运算符。
2023-12-20 09:39:31
343
原创 如何给一个栏位绑定监听事件
这就是为什么我们在添加时使用了具名函数，以便在移除时引用相同的函数。你可以根据需要选择不同的事件类型，并根据事件触发时的具体逻辑定义相应的处理函数。事件被触发，相应的处理函数将在控制台中记录输入的值；这方法允许你从元素中移除先前添加的事件监听器。事件被触发，相应的处理函数将在控制台中记录相应的消息。// 在一定条件下，移除失去焦点事件监听器。// 在一定条件下，移除输入事件监听器。// 定义一个失去焦点事件处理函数。// 在这里可以处理失去焦点事件。当输入框的值发生变化时，// 在这里可以处理输入事件。
2023-12-07 11:30:53
479
原创 阻止事件e.stopPropagation()和e.preventDefault的区别
这两个方法可以单独使用，也可以组合使用，具体取决于你的需求。用于阻止事件的传播，而。用于阻止事件的默认行为。
2023-12-07 11:27:04
1557
原创 判断一个字符串是否包含某个特定的字符或字符串
*search() 方法：**这个方法会在一个字符串中查找一个特定的字符串，并返回该字符串的索引。在JavaScript中，您可以使用几种不同的方法来判断一个字符串是否包含某个特定的字符或字符串。：这个方法会返回一个特定的字符串在另一个字符串中第一次出现的位置的索引。：你可以使用正则表达式来检查一个字符串是否包含一个特定的模式。：这个方法会检查一个字符串是否包含一个特定的字符串。这些方法提供了不同的方式来检查一个字符串是否包含另一个字符串，你可以根据你的具体需求选择最适合的方法。
2023-12-07 11:25:01
2441
原创 在SQL语句里使用正则表达式，因该怎么使用
需要注意的是，不同的数据库系统支持不同的正则表达式语法和函数，因此您应该查阅您正在使用的数据库的文档，以了解如何在该数据库中使用正则表达式。常见的关系型数据库系统如MySQL、PostgreSQL、SQLite、Oracle等都提供了某种形式的正则表达式支持，但具体实现和语法可能会有所不同。在SQL中使用正则表达式通常需要使用特定的函数或运算符，具体的语法可能因不同的数据库系统而有所不同。以下是使用正则表达式的一般方法，但请注意，具体语法可能会因您使用的数据库而有所不同。
2023-10-12 14:02:34
913
原创 JS里实现判断条件不通过退出整个循环
循环用于遍历对象的属性，因此在使用它遍历数组时，你需要检查元素的属性是否是数组自身的属性，以防止遍历到原型链上的属性。不过在这个简单的例子中，我们不需要担心这个问题。如果你需要在JavaScript中使用类似。在这个例子中，当找到第一个大于3的元素时，
2023-10-05 08:50:50
408
原创 JS【filter过滤器】的用法
在JavaScript中，`filter()`是一个高阶函数，它是数组(Array)的一部分，可用于创建一个新数组，其中包含通过所提供函数实现的测试的所有元素。
2023-09-22 15:21:28
317
原创 JS里arguments的作用
对象允许您访问传递给函数的所有参数，无需提前知道这些参数的名称。对象在某些情况下非常有用，但它不是一个真正的数组，而是一个类似数组的对象。对象，您可以编写一个函数，根据传递给它的参数数量和类型来执行不同的操作，从而模拟函数重载的效果。对象允许您访问传递给函数的所有参数，无论您是否在函数定义中命名了这些参数。是一个特殊的对象，它用于在函数内部引用传递给函数的参数。函数根据传递给它的参数数量执行不同的操作，模拟了函数的重载效果。属性来确定传递给函数的参数数量，从而根据需要执行不同的操作。
2023-09-14 10:50:17
370
原创 【React 钩子函数 useMemo以及useMemo和useEffect的区别】
useMemo的使用方法和 useMome 与useEffect 的区别
2023-09-09 09:03:58
830
原创 JS里 reduce函数的用法
的用途非常广泛，你可以使用它来执行各种累积操作，例如查找最大/最小值、拼接字符串、计算平均值等。根据你的需求，你可以在回调函数中编写适当的逻辑来实现所需的功能。是 JavaScript 中的一个数组方法，用于对数组的所有元素进行累积操作，最终返回一个单一的值。会默认使用数组的第一个元素作为初始值，然后从第二个元素开始迭代。方法有两种形式，一种只接受回调函数，另一种还可以接受一个初始值作为第二个参数。被传递给累积器，然后回调函数在每次迭代中将累积器和当前元素相加，最终得到总和。你还可以不提供初始值，此时。
2023-09-07 08:32:42
194
原创 在react里，我想在a的值是true的时候把一个监听键盘的方法添加上，a的值为false时删除监听键盘的方法，要怎么实现
的值来判断是否添加或移除键盘事件监听器。以下是一个示例，演示了如何根据。钩子来监听键盘事件，并根据条件添加或删除事件监听。时，键盘事件监听器会被移除，不再触发。当你点击 “Toggle a” 按钮时，的值来添加或删除键盘事件监听器的需求。的值来决定是否处理键盘事件。时，键盘事件会被监听并触发；在 React 中，你可以使用。之间切换，从而实现根据。
2023-08-21 15:30:23
111
原创 setTimeout怎么用【详细讲解】
不保证在指定的毫秒数之后立即执行，它只是将函数放入异步任务队列中，并在队列中的等待时间过后执行。如果队列中有其他任务需要执行，那么可能会稍微延迟执行。是 JavaScript 提供的一个函数，用于在指定的时间延迟后执行一段代码（函数）。将会在 2000 毫秒（2秒）后被打印出来。
2023-08-14 10:33:33
1891
原创 如何拿到promise里的数据以及为什么会出现promise数据
Promise对象有一个.then()方法，它接收两个回调函数作为参数，第一个回调函数用于处理Promise解析（resolved）后的数据，第二个回调函数用于处理Promise被拒绝（rejected）后的错误。在上述示例中，我们定义了一个名为fetchData的函数，它返回一个Promise对象。在上述示例中，我们定义了一个名为getData的async函数，在函数内部使用await关键字等待fetchData()返回的Promise解析，并将解析后的数据赋值给data变量。
2023-08-05 08:11:25
3976
原创 function* 介绍
生成器函数是一种特殊类型的函数，它可以生成一个可迭代的对象，并且可以通过迭代器协议进行迭代。生成器函数在处理需要逐步生成值的场景中非常有用，比如遍历大型数据集、处理异步操作或惰性计算等。是一个生成器函数，它产生了三个值 1、2 和 3。我们通过调用生成器函数返回的迭代器的。关键字来产生（yield）一个值，并暂停函数的执行，然后可以在下次调用迭代器的。语句的位置继续执行，直到生成器函数执行完毕或遇到下一个。表示这是一个生成器函数。在生成器函数中，你可以使用。以下是一个简单的生成器函数示例，展示了如何使用。
2023-07-13 08:16:11
338
原创 JS关于12小时制的时间与24小时制的时间的格式切换
是 JavaScript 字符串的一个内置方法，用于在当前字符串的开头填充指定的字符，直到字符串达到指定的长度。这个方法可以用于补全字符串，确保字符串的长度满足特定的要求。同理.padEnd方法被调用在字符串的结尾填充指定的字符，直到字符串的长度达到或超过目标长度。这可以确保字符串具有所需的最小长度，并以指定的字符进行填充。（可选）：要用于填充的字符，它会重复使用，直到填充后的字符串达到指定的长度。：要达到的最小长度，即希望字符串填充后的长度。判断是12小时制格式还是24小时制格式？
2023-06-01 13:45:00
849
原创 【在React中，可以使用三元表达式或逻辑与（&&）运算符来实现条件渲染】
您可以根据需要调整条件表达式，并根据具体情况选择使用三元表达式或逻辑与（&&）运算符。三元表达式更适合处理多个条件分支，而逻辑与（&&）运算符则适用于简单的显示或隐藏情况。请注意，在使用条件判断时，确保在返回的JSX表达式中使用null、false或undefined来表示隐藏元素。此外，如果条件判断变得更加复杂或需要执行更多的逻辑操作，建议将条件判断提取为独立的函数或变量，以提高代码的可读性和可维护性。【在React中，可以使用三元表达式或逻辑与（&&）运算符来实现条件渲染】
2023-05-30 08:06:42
423
原创 鼠标箭头样式改变和cursor属性
在上述示例中，我们在div标签的onmouseover属性中添加了changeCursor()函数作为内联方法。当鼠标移动到div元素上方时，该函数将被触发。函数内部通过修改style属性的cursor属性来改变鼠标的形状为指针（pointer）。要在鼠标移动到元素上方时改变鼠标样式，您可以使用内联方法结合JavaScript的。cursor属性有哪些值。
2023-05-29 15:45:05
1189
原创 React，在循环中判断并渲染＜img＞标签，只有当图片地址存在时才显示图片
在循环中，我们为每个渲染的元素提供一个唯一的key属性，这里我们使用index来作为key。确保在实际应用中使用适当的唯一标识作为key。标签，只有当图片地址存在时才显示图片，可以使用条件语句来实现。根据你的实际需求和数据结构，调整示例中的图片地址数组和循环逻辑。遍历数组，我们在循环中判断每个图片地址是否存在。，其中包含了多个图片地址。在上述示例中，我们假设有一个。
2023-05-26 09:03:03
498
原创 在一个JS方法里，如何实现先执行一个函数再执行另一个函数
在 JavaScript 中，你可以使用不同的方法来确保一个方法在另一个方法之前执行。你可以在一个方法中定义一个回调函数，然后在另一个方法中调用这个回调函数，以确保它们的执行顺序。你可以使用事件监听来确保一个方法在另一个方法之后执行，尤其在涉及异步操作或事件驱动的情况下。根据情况选择合适的方法来确保方法的执行顺序。如果你的方法是异步的，你可以使用 async/await 来确保它们按顺序执行。使用 Promise 可以更灵活地处理异步操作，并确保它们按照预期的顺序执行。
2023-05-23 15:15:19
7470
原创 将时间戳按格式转换为日期对象
方法将时间戳转换为日期对象后，再使用日期对象的各种方法获取年、月、日、时、分、秒等时间单位，最后使用字符串的替换方法将格式字符串中的占位符替换为实际的时间值，从而生成指定格式的日期字符串。在上面的代码中，我们定义了一个 formatDate 函数，接收两个参数：时间戳和格式字符串。这样就实现了一个简单的时间戳格式化函数，可以根据需要修改格式字符串，实现更多的时间格式转换。方法将时间戳转换为日期对象，timestamp 为时间戳。将时间戳转换为日期对象。等方法获取年、月、日、时、分、秒等时间单位。
2023-05-11 15:50:34
5122
2
原创 Node.js关于fs，path，http模块
然而，基于Node.js 提供的这些基础能，很多强大的工具和框架如雨后春笋，层出不穷，所以学会了 Node.js ，可以让前端程序员胜任更多的工作和岗位。的 http.createServer() 方法，就能方便的把一台普通的电脑，变成一台 Web 服务器，从而对外提供 Web 资源服务。参数1：必选参数，需要指定一个文件路径的字符串，表示文件的存放路径。参数3：必选参数，文件读取完成后，通过回调函数拿到读取的结果。参数1：必选参数，字符串，表示文件的路径。参数2：必选参数，表示要写入的内容。
2023-03-03 17:02:01
86
原创 React之hooks常见钩子的使用
Hooks”的单词意思为“钩子”。React Hooks 的意思是，组件尽量写成纯函数，如果需要外部功能和副作用，就用钩子把外部代码“钩”进来。而React Hooks 就是我们所说的“钩子”。
2023-02-24 10:30:18
261
原创 React三大核心属性
组件被称为**“状态机”**, 通过更新组件的state来更新对应的页面显示(重新渲染组件)使用prop-types库进限制（需要引入prop-types库）每个组件对象都会有props(properties的简写)属性。state是组件对象最重要的属性,，必须使用setState进行修改。组件内的标签可以定义。
2023-02-16 20:03:51
54
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人