一点基础、但一直没分清的概念2023/06/28-Toy模板网

这篇具有很好参考价值的文章主要介绍了一点基础、但一直没分清的概念2023/06/28。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

1.export和export default的区别

模块功能主要由两个命令构成：export和import。export命令用于规定模块的对外接口，import命令用于输入其他模块提供的功能。

export和export default的区别：

一个文件中export可以有很多个，但是export default只能由一个。
export暴露的是一个接口，在import时不能改变它的变量名，并且必须加上大括号{};而export default暴露的是一个变量，在import时可以使用任意变量名导入，不用加大括号{}。

export.js

export const add = function (a, b) {
  return a + b;
};

export const substract = function (a, b) {
  return a - b;
};
// export可以多个

default.js

const multiply = function (a, b) {
  return a * b;
};

const divide = function (a, b) {
  return a / b;
};

export default {
  multiply,
  divide,
};
// export default只能有一个

.vue

<template>
    <div>
    </div>
</template>

<script>
import { add, substract } from '@/utils/export.js'  // 需要带上大括号，并且不能随意取名
import Api from '@/utils/default'  // 不用带大括号，并且可以随意取名
export default {
    mounted() {
        console.log('add:', add(5, 3));
        console.log('substract:', substract(5, 3));
        console.log('multipy:', Api.multiply(5, 3));
        console.log('divide:', Api.divide(5, 3));
    },
}
</script>

2.npm和cnpm的区别

npm是Node.js官方提供的默认包管理器，它是全球范围内最常用的 JavaScript 包管理工具。
- 安装方法：安装Node.js版本工具Nvm后，使用命令nvm install 版本号安装指定版本的Node.js，使用node -v 或 npm -v可验证是否安装成功，每个node版本都有其对应的npm版本，node环境安装成功后，npm就可以使用了。
cnpm是是淘宝团队为了解决国内网络问题而开发的工具，使用淘宝镜像来加速包的下载和安装。在国内可以使用 cnpm 替代 npm 来加快安装速度。但由于其镜像源可能不是最新的，并且无法保证和官方 npm 完全一致，因此在安装和使用时，你可以根据具体需求选择合适的工具。
- 安装方法：在npm安装成功的前提下，使用命令npm i -g cnpm安装cnpm

3.npm run dev/serve的区别

npm run dev 和 npm run serve 都是在开发过程中使用的命令，但它们通常用于不同的场景。

npm run dev 是一个自定义的命令，通常用于在开发环境中启动应用程序。它可能执行一系列任务，如编译和打包代码、启动本地服务器、监听文件变化等。该命令主要用于开发过程中实时地构建和调试应用程序，并提供热重载等功能，以便开发者可以快速地进行开发和测试。

而 npm run serve 通常是由一些前端框架（如Vue.js）预设的命令，用于在开发环境中启动一个本地服务器，以便在浏览器中预览应用程序。它会启动一个开发服务器，将静态文件（如HTML、CSS、JavaScript）提供给浏览器。这个服务器通常还提供了自动刷新的功能，使得在代码修改后，浏览器能够及时地更新展示。

综上所述，npm run dev 一般用于自定义的开发过程中，而 npm run serve 则是某些前端框架中预定义的用于快速启动本地服务器的命令。

4.slice、splice和split的区别

slice()方法

数组、字符串方法，用于从数组中提取出指定部分的元素，然后返回一个新的数组或者从字符串中提取部分字符串
不改变原数组或字符串，它是非破坏性的
接收两个参数(start,end)，即起始索引和结束索引(不包括结束索引)，表示提取元素范围，支持负数索引
提取数组元素

提取字符串

需要注意的是：slice()方法是浅拷贝，MDN上的解释如下：

slice 不会修改原数组，只会返回一个浅复制了原数组中的元素的一个新数组。原数组的元素会按照下述规则拷贝：

如果该元素是个对象引用（不是实际的对象），slice 会拷贝这个对象引用到新的数组里。两个对象引用都引用了同一个对象。如果被引用的对象发生改变，则新的和原来的数组中的这个元素也会发生改变。
对于字符串、数字及布尔值来说（不是 String、Number 或者 Boolean 对象），slice 会拷贝这些值到新的数组里。在别的数组里修改这些字符串或数字或是布尔值，将不会影响另一个数组。

如果向两个数组任一中添加了新元素，则另一个不会受到影响。

splice方法