weixin_65793170的博客

⭐Node.js安装过程，详细步骤教学，及配置环境变量。此电脑>属性>高级系统设置>环境变量>系统变量>选择变量Path>点击编辑>点击新建（输入路径：C:\Program Files\nodejs\），然后记得确定保存。

⭐在开发中，JavaScript 作为一门核心编程语言扮演着极其重要的角色。无论是处理用户交互、操作DOM元素还是进行复杂的逻辑运算，JavaScript都提供了丰富的功能来满足开发者的需求。在编写JavaScript代码时，我们经常需要处理各种类型的数据，其中数组是一种非常常用且强大的数据结构。然而，在某些情况下，确定一个给定的数据是否为数组变得至关重要，尤其是在进行类型检查或执行特定于数组的操作之前。这里分享记录，判断数组的7种方法。

⭐JavaScript 点击下载功能是指用户在网页上点击某个链接或按钮后，浏览器会自动下载相应的文件。这个功能通常用于让用户方便地下载文件，比如下载文档、图片、音频、视频等。

⭐JavaScript 的深拷贝和浅拷贝大家都比较熟悉，就是调用该函数时，会复制拷贝一份该数据，修改该数据属性，不会改变原有数据，就是把复制的对象所引用的对象全都复制了一遍。这里来分享记录，如何使用JavaScript实现深拷贝函数。

⭐// Math.random是生成0-1之间的随机数 *256 的范围就变成0.xx-255.7// Math.floor 向下取整就变成 0-255// 拼接返回},

⭐JavaScript 中的数组（Array）对象，提供了许多有用的方法，来操作和遍历数组数据。这里来分享记录，JavaScript 中常用的数组方法。.reduce()、.map().、slice().、splice(注意和split()的区分)、.filter()、.includes()、 .forEach()、.indexOf()、.find()、.flat()

⭐在JavaScript中，数组提供了一系列强大的内置方法，用于高效地操作和处理数组数据。这些方法简化了常见的数据处理任务，提高了代码的可读性和执行效率。这里来继续分享记录，JavaScript 中常用的数组方法2。

⭐JavaScript中的鼠标事件允许你响应用户的鼠标操作，如点击、移动和滚动等。这些事件通常绑定到DOM元素上，当特定的鼠标操作发生时，就会触发相应的事件处理函数。这里来记录一下

⭐在JavaScript中，合并空值运算符（Nullish Coalescing Operator）是一个双问号 ?? 运算符。它用于检查一个表达式是否为null或undefined，如果表达式的值是null或undefined，那么它将返回右侧表达式的值。否则，它会返回左侧表达式的值。那么合并空值运算符和常用的运算符的具体怎么运用，这里来简单记录一下

⭐在JavaScript编程中，for循环是实现代码重复执行的重要工具，它能够有效地帮助开发者处理各种需要迭代的场景。从简单的计数器控制到复杂的数组操作，for循环都是不可或缺的一部分。然而，随着ECMAScript标准的发展，JavaScript引入了更多形式的循环结构，以满足不同的需求和提高代码的可读性与效率。其中，for...in和for...of循环就是这样的两种结构，它们各自针对特定类型的数据结构提供了更加简洁且语义化的遍历方式。简单记录一下

⭐scrollTop是JavaScript中一个非常有用且重要的方法，它用于获取或设置元素的垂直滚动条位置，实现各种滚动相关的功能，无论是回到顶部、滚动到指定位置还是监听滚动事件，都需要用到scrollTop，在本文中，我们将深入了解scrollTop的用法和实际应用，这是一张scrollTop的关系图，仅供参考

⭐防抖就是某一高频事件不断被触发时，仅在最后一次真正执行事件处理代码，将多次执行变为最后一次执行，具体点就是我们在触发高频事件后，n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间。其实，防抖和节流都是防止函数多次调用。

⭐节流就是某一高频事件不断被触发时，将多次执行变成每隔一段时间执行，具体点就是减少一个事件在一段时间内的触发频率，它是一种常用的函数优化技术，可以限制函数的执行频率，从而提高网页的性能和用户体验，这里带你深入了解下JavaScript节流函数的概念、实现原理和应用场景，并提供一些实用的代码示例。简单记录一下

⭐在JavaScript中，arguments是一个类数组对象，它包含了函数调用时传入的所有参数。尽管它看起来像数组，但实际上并不是真正的数组，这意味着它不具有数组的所有方法如.push()、.pop()等。JS的函数参数和其他的语言有些不同，它并不介意你传进来多少个参数，以及参数的数据类。即使你在定义函数时，只设置了两个形参，那么在调用这个函数时，你给他传递一个、两个，或者是其它四个、五个实参，它都能接收，之所以会这样是因为在函数参数内部是用一个数组来表示的，在函数体内是通过

⭐BroadcastChannel API用于跨窗口、跨标签页和跨框架之间的通信，它使得多个客户端能够订阅同一个消息频道，并且在其中一个客户端发送消息后，所有订阅该频道的客户端都会收到相同的消息。

⭐我们知道find() 方法是 JavaScript 中用于在数组中查找特定条件的第一个元素，如果找到一个元素使得回调函数返回true，则该元素作为结果返回；如果没有找到这样的元素，则返回undefined，该函数不会修改原始数组

⭐在JavaScript中，splice(), slice(), 和 split() 是三个非常常用的方法，它们分别用于数组和字符串的不同操作。表面看起来有点相似，用处却大不相同，今天就来分享一下他们的用法，简单记录一下

⭐JavaScript 拖拽 API（Drag and Drop API）允许用户在网页上拖动元素，并将它们放置到新的位置。这项技术广泛应用于文件上传、排序列表、构建可交互的地图等场景。这里来分享下元素在拖动时触发的事件，记录一下

⭐CSS变量（也称为自定义属性）引入了一种在CSS中定义和使用可重用值的方法。这些变量可以用来存储颜色、尺寸等常量，从而在整个样式表中保持一致性和易于维护的特点。通过使用var()函数，我们可以轻松地在多个地方引用同一个值，减少了重复代码，并且可以在一处修改后自动更新所有引用该变量的地方。而JavaScript的classList.toggle() 方法提供了一种简洁的方式来添加或移除元素的类名。这个方法特别适用于那些需要频繁切换状态的情况，比如激活按钮、显示隐藏内容或是切换主题模式。通过简单的调用，即

⭐在ES6中，我们可以使用class关键字来定义类，并通过extends关键字实现类的继承，在子类中，我们可以使用super()关键字来调用父类的构造函数。今天就来记录一下它们的基本使用

⭐在JavaScript中，substring 和 fill 是两个非常实用的方法，分别用于字符串和数组的操作。详细，请看substring 方法可以从一个字符串中提取出指定范围的子串。它接受一到两个参数：开始索引和可选的结束索引（不包括该位置），并返回一个新的字符串。而 fill 方法则用于将数组中的某些或全部元素替换为指定的值。通过指定起始索引、结束索引以及要填充的具体值，可以快速地更新数组内容。这两个方法都是日常开发中处理数据时的好帮手，提供了简洁且高效的方式来操作字符串和数组。

⭐在 JavaScript 中，处理日期和时间是一个常见的需求。无论是记录日志、计算时间差，还是显示用户友好的日期格式，都需要一个强大且灵活的工具来处理这些任务。Date 对象是 JavaScript 提供的一个内置对象，用于处理日期和时间。new Date() 是创建 Date 对象的主要方法，它提供了多种构造方式，可以满足各种不同的需求。这里来简单记录一下

⭐JavaScript中的Promise对象是随着ES6（ECMAScript 2015）规范发布的，它是异步编程中的一种解决方案或者规范，解决了回调地狱的问题。它本质上是一个构造函数，可以实例化一个对象，从中获取异步操作的最终状态，使得异步代码可以像同步代码一样进行链式调用，从而提高代码的可读性和可维护性。简单记录一下

⭐Promise.all是JavaScript中一种用于处理多个Promise对象的方法，该方法接收一个数组作为参数，并返回一个新的Promise对象。这个新的对象会在所有Promise对象都成功解析后解析，解析的结果是一个数组，包含了所有Promise对象解析后的结果。解析时如果任何一个Promise对象失败，则这个新的Promise实例会立即失败，并返回第一个失败的Promise对象的错误信息。Promise.all不会改变原有的Promise对象的状态，原有的 Promise 对象仍会按照自己的状

⭐在 JavaScript 中，Map 和 Set 是两种非常有用的数据结构，它们提供了强大的功能来管理和操作数据。这两种数据结构，在处理需要唯一性和高效查找的场景中，非常有用，可以帮助我们编写更简洁和高效的代码。

⭐在JavaScript中，Object.defineProperty 和 Proxy 是两个强大的工具，用于实现复杂的对象行为控制。它们在前端框架如VueJS中扮演了关键角色，尤其是在数据绑定机制上。两者都是面向对象编程中的重要工具，在需要高级对象操作的场景下非常有用。Proxy 相对于 Object.defineProperty 提供了更好的扩展性和更自然的语法。Object.defineProperty是Vue 2中实现双向数据绑定的核心技术。它允许开发者定义属性的获取和设置行为，使得当属性值发生变化

⭐在JavaScript中，switch语句是一种多路选择结构，它允许一个变量或表达式与多个可能的值进行比较，然后根据匹配的结果执行相应的代码块。switch语句提供了一种更加清晰和简洁的方式来处理多个条件判断，而不是使用多个嵌套的if-else语句。用于基于不同的条件执行不同的代码块。它的设计使得在多个可能的值中进行决策时，代码更为清晰和易于阅读。

⭐在JavaScript中，export 和 export default 是 ES6 模块系统的核心部分，用于从文件中导出函数、关键字，对象或值，使其可以在其他文件中通过 import 语句导入和使用，而 exports和 module.exports 是CommonJS模块系统的一部分，在 Node.js 环境中，你可以使用 exports 或 module.exports 来导出模块，但这并不是 ES6 标准的一部分。

⭐在JavaScript中，实现全选和反选，通常是通过操作DOM元素和事件监听来实现。全选功能，当用户点击一个“全选”复选框时，页面中所有具有相同类名的复选框都将被选中。反选功能，用户点击一个“反选”复选框时，已选中的将变为未选中，未选中的将变为选中。这里分别使用原生JS和Vue实现，简单分享。

⭐在前端开发中，有时我们需要在图片上进行一些交互式操作，比如绘制区域、标记等。这种场景下，我们可以使用HTML5的标签元素来实现。Canvas 是 HTML5 提供的一种图形绘制接口，可以通过 JavaScript 在网页上绘制图形、动画和其他视觉效果。这里分享记录，如何在图片上绘制区域。

⭐随着 Web 应用程序变得越来越复杂和交互性的需求日益增加，基于浏览器的三维可视化编程变得愈发重要。在这方面，Three.js 和 WebGL 技术正在引领潮流。我们将深入探讨它们的原理、应用场景以及如何利用它们创建引人入胜的交互式体验。2.Three.js 和 WebGLThree.js是一个基于 WebGL 的 JavaScript 3D 库，它使创建复杂的 3D 图形变得简单。通过 Three.js，开发者可以轻松地在 Web 浏览器中创建交互式的 3D 场景、动画和游戏等。

⭐在JavaScript中，若需要获取一周前的日期，可以JavaScrip使用new Date()，并且精确到年月日时分秒。并格式化为yyyy-MM-dd HH:mm:ss的形式。这里分享记录，该函数方法，不仅考虑了日期的计算，还确保了月份和日期等部分，在单个数字时前面补零，以符合标准的时间表示方式。

⭐JavaScript 和 HTML5 的 canvas 元素提供了强大的图形和图像处理功能，使得我们能够在网页上创建动态和交互式的视觉体验。这里分享记录，如何使用 canvas 和 JavaScript 来处理图像加载，并在其上进行图像绘制。我们将实现一个简单的示例，演示图像加载完成后的基本绘制过程，并在此基础上扩展一些更高级的功能。

⭐在前端开发中，我们经常会遇到访问嵌套对象属性的需求。然而，处理深层嵌套对象时，属性可能为 undefined 或 null，直接访问这些属性时会抛出错误。为了解决这种问题，JavaScript在ES2020中引入了一项新特性——可选链操作符（?.）。它不仅简化了代码逻辑，还提升了代码的健壮性和可读性。这里来分享记录，可选链操作符的语法、应用场景及其与其他JavaScript特性的结合使用，并通过多个实际例子展示如何在日常开发中充分利用这一特性。