小马Ti的博客

Map定义map() 方法会创建一个新数组，数组中的每个元素是原数组的元素调用提供的函数后的返回值。它不会改变原数组。 作用map 主要用于对数组进行元素的转换，映射每个元素为新值，常见于数据处理、渲染等场景。 目的map 可以简化数组元素转换的操作，避免手动使用循环来处理每个元素，提升代码的可读性和简洁性。 使用方法map 方法接受一个回调函数作为参数，这个回调函数会对每个数组元素进行处理，并返回新值。map 方法会返回一个新的数组，该数组包含了回调函数返回的每个元素的值。

对象解构定义对象解构（Object Destructuring）是 JavaScript ES6 引入的一种语法糖，允许我们从对象中提取出指定的属性，并将这些属性值赋给对应的变量。通过解构，代码更加简洁且易读。 组成部分1.解构语法使用大括号 {} 来包裹解构的属性名称，左边是要定义的变量，右边是解构的对象。 2.属性名解构时，变量的名称必须与对象的属性名称一致，除非使用别名。 结构形式1.基本语法12345const person = { name: "John", age: 30 };const { name, age } = person;console.log(name); // 输出："John"console.log(age); // 输出：30 2.默认值12345const person = { name: "John" };const { name, age = 25 } =...

传播操作符定义传播操作符是用于扩展（展开）数组、对象等可迭代数据结构的语法，使得我们能够将它们拆解成独立的元素或者字段，或者将它们合并到其他数组或对象中。 组成部分传播操作符通常由三个点（…）组成，紧跟在其后的是需要展开的数据结构。 作用可以用于数组和对象的浅拷贝、合并、扩展等操作，简化代码。 目的通过简化代码的写法，减少手动拆解或合并数据的复杂度，使代码更加简洁、可读。 使用方法 1.在数组中的使用 2.在对象中的使用

WebPack概述定义Webpack 是一个开源的前端静态模块打包工具。它会根据模块的依赖关系，递归地将项目的所有资源（如 JavaScript、CSS、图片等）打包成静态文件，以提高网页加载和运行效率。 组成部分1.Entry（入口）：Webpack 构建的起点，指定从哪个文件开始分析依赖关系。2.Output（输出）：Webpack 打包后文件的输出位置和命名规则。3.Loaders（加载器）：用于转换不同类型的模块（如将 TypeScript 转换为 4.JavaScript，或将 SASS 转换为 CSS）。5.Plugins（插件）：扩展 Webpack 功能的模块，比如优化打包结果、管理环境变量等。6.Mode（模式）：运行模式，分为开发模式（development）和生产模式（production）。 作用通过模块化打包，解决前端资源管理混乱的问题，提高项目的开发效率和运行性能。 目的1.整合前端资源，优化加载效率。2.支持模块化开发，提升代码的可维护性和可复用性。3.提供一整套构建工具链，适配不同的开发需求。 基本原理Webpack...

安装

合并JS1.创建webpack文件夹 2.创建src文件夹3.src下面创建一个js文件 4.src下面再创建一个js文件 5.src创建一个main.js作为打包的入口 6.在根目录下定义一个webpack.config.js文件配置打包的规则 7.执行webpack命令,查看效果

合并Css1.第一步安装模块 2.修改webpack.config.js 3.在src文件夹中创建css文件 4.修改main.js,在第一行引入css文件 5.运行编译命令 6.查看效果

三者之间的区别1.声明后的可变性①**var**：变量可以随时重新赋值，也可以重复声明。123var a = 10;var a = 20; // 允许重复声明a = 30; // 可以重新赋值 ②**let**：变量可以重新赋值，但不能重复声明。1234let b = 10;// let b = 20; // 报错：不能重复声明b = 30; // 可以重新赋值 ③**const**：变量声明后不能重新赋值，也不能重复声明。1234const c = 10;// c = 20; // 报错：不能重新赋值// const c = 30; // 报错：不能重复声明 2.作用域①**var**：受函数作用域限制，声明的变量在整个函数内部都可访问，不受块级作用域的限制。12345if (true) { var x = 10; // 函数作用域}console.log(x); // 10：块外仍然能访问 ②**let** 和 **const**：采用块级作用域，变量只能在声明的块内使用，块外无法访问。1234567if (true) { ...

NPM的使用使用方法1.快速构建node.js工程 2..安装模块 3.卸载模块1npm uninstall vue jquery

NPM定义NPM是Node.js的包管理器，它提供了一个中央仓库（npm registry）用于托管和分享开源的JavaScript代码包。开发者可以使用NPM工具安装、更新、卸载这些包，并管理项目中不同的依赖关系。 组成部分1.npm registry：一个在线的存储库，包含了成千上万的JavaScript包。开发者可以将自己的包发布到该仓库，也可以从中安装包。2.npm CLI（命令行工具）：NPM的命令行工具，允许开发者通过终端与npm...