【前端面试3+1】10 npm run dev 发生了什么、vue的自定义指令如何实现、js的数据类型有哪些及其不同、【最长公共前缀】

一、npm run dev发生了什么

        运行`npm run dev`时,通常是在一个基于Node.js的项目中,用来启动开发服务器或者执行一些开发环境相关的任务。下面是一般情况下`npm run dev`会执行的步骤:

1. 查找package.json中的scripts字段:

        npm会在项目根目录下的package.json文件中查找scripts字段,找到对应的"dev"命令。

2. 执行对应的脚本:

        找到"dev"对应的脚本后,npm会执行该脚本。脚本可以是一个简单的命令,也可以是复杂的脚本。

3. 执行脚本中定义的命令:

        一般来说,"dev"脚本会包含一系列命令,比如启动开发服务器、编译代码、打包资源等。npm会按照脚本中定义的命令顺序执行这些命令。

4. 启动开发服务器:

        如果"dev"脚本中包含了启动开发服务器的命令,npm会启动一个本地开发服务器,用于在开发环境中预览项目。

5. 监听文件变化:

        通常开发环境下会监听文件的变化,一旦文件发生改动,开发服务器会重新编译代码并刷新页面,以便开发者实时查看修改效果。

        总的来说,运行`npm run dev`会根据package.json中定义的"dev"脚本来执行开发环境相关的任务,比如启动开发服务器、编译代码、监听文件变化等。这样可以方便开发者在开发过程中实时查看项目的变化,并进行调试和优化。

二、vue的自定义指令如何实现?

        在Vue中,可以通过Vue.directive()方法来定义自定义指令。下面是一个简单的示例,展示如何编写一个自定义指令:

// 全局注册一个自定义指令 'my-directive'
Vue.directive('my-directive', {
  // 当绑定元素插入到 DOM 中
  inserted: function (el) {
    // 设置元素的背景颜色为红色
    el.style.backgroundColor = 'red';
  }
});

        在上面的示例中,我们定义了一个名为my-directive的自定义指令,它会在绑定元素插入到DOM中时,将元素的背景颜色设置为红色。

接下来,我们可以在Vue组件的模板中使用这个自定义指令:

<template>
  <div v-my-directive>
    This is a custom directive example
  </div>
</template>

        在上面的模板中,我们使用v-my-directive指令来调用我们定义的自定义指令。当这个组件被渲染时,指令会生效,将对应的元素的背景颜色设置为红色。

        这只是一个简单的示例,实际上自定义指令还可以包含更多的钩子函数和参数,以实现更复杂的功能。在编写自定义指令时,可以根据需求选择合适的钩子函数和参数,并根据业务逻辑实现相应的功能。

三、js的数据类型有哪些,它们有什么不同?

        在JavaScript中,数据类型可以分为两大类:原始数据类型引用数据类型

1.分类:

  1. 原始数据类型

    • String:表示文本数据,用单引号或双引号包裹。
    • Number:表示数字,包括整数和浮点数。
    • Boolean:表示逻辑值,只有两个取值:truefalse
    • Null:表示空值。
    • Undefined:表示未定义的值。
    • Symbol(ES6新增):表示唯一的、不可变的值。
  2. 引用数据类型

    • Object:表示复杂数据类型,可以存储多个键值对。
    • Array:表示数组,可以存储多个值。
    • Function:表示函数。
    • Date:表示日期和时间。
    • RegExp:表示正则表达式。

2.不同:

  • 原始数据类型是存储在栈内存中的简单数据段,可以直接访问和操作,具有固定大小。
  • 引用数据类型是存储在堆内存中的对象,存储的是对象的引用地址,通过引用来访问和操作,大小不固定。
  • 原始数据类型是按值访问的,每个变量都会存储自己的值,互相独立。
  • 引用数据类型是按引用访问的,多个变量可能会指向同一个对象,操作一个变量会影响其他指向同一对象的变量。
  • 原始数据类型是不可变的,一旦创建就不能被修改
  • 引用数据类型是可变的,可以动态地添加、修改和删除属性

四、【算法】最长公共前缀

1.题目:

编写一个函数来查找字符串数组中的最长公共前缀。

如果不存在公共前缀,返回空字符串 ""

2.解题:

方一:
  1. 先处理特殊情况,如果输入的字符串数组为空,则直接返回空字符串。
  2. 遍历一遍字符串数组,找出最短的字符串的长度,作为最长公共前缀的最大可能长度。
  3. 创建一个新的字符数组 result 来存储最长公共前缀。
  4. 从第一个字符开始,逐个比较每个字符串的对应位置的字符,如果有不同的字符出现,则说明最长公共前缀到此为止。
  5. 如果所有字符串的对应位置的字符都相同,则将该字符添加到 result 中。
  6. 最后返回 result,即为最长公共前缀。
char* longestCommonPrefix(char** strs, int strsSize) {
    if (strsSize == 0) {
        return "";
    }
    
    int minLen = strlen(strs[0]);
    for (int i = 1; i < strsSize; i++) {
        minLen = fmin(minLen, strlen(strs[i]));
    }
    
    char* result = (char*)malloc((minLen + 1) * sizeof(char));
    memset(result, 0, (minLen + 1) * sizeof(char));
    
    for (int i = 0; i < minLen; i++) {
        char c = strs[0][i];
        for (int j = 1; j < strsSize; j++) {
            if (strs[j][i] != c) {
                result[i] = '\0';
                return result;
            }
        }
        result[i] = c;
    }
    
    return result;
}
方二:
  1. 首先检查输入的字符串数组长度是否为0,如果是,则直接返回空字符串""。

  2. 为存储最长公共前缀的字符数组same分配内存空间,大小为第一个字符串的长度加1,加1是为了存储字符串结束符'\0'。

  3. 初始化变量len为0,表示当前比较的字符索引位置,f为第一个字符串的第一个字符。

  4. 进入循环,判断当前位置len上的字符是否为字符串结束符'\0',如果不是则继续比较。

  5. 在内部循环中,遍历除第一个字符串外的所有字符串,逐个比较它们在当前位置len上的字符是否与第一个字符串相同,如果不同,则将same在位置len处设为结束符'\0',表示当前位置为最长公共前缀,然后返回same

  6. 如果所有字符串在当前位置len上的字符都相同,则将该字符存储到same的当前位置len处,然后继续比较下一个位置的字符。

  7. 循环直到某个字符串遍历完或者出现字符不相同的情况,此时将same在位置len处设为结束符'\0',表示最长公共前缀结束,然后返回same

  8. 最后将same在当前位置len处设为结束符'\0',确保返回的字符串正确结束。

  9. 返回存储最长公共前缀的字符数组same

char* longestCommonPrefix(char** strs, int strsSize) {
    if (strsSize == 0) return ""; 
    char* same = (char*)malloc((strlen(strs[0])+1) * sizeof(char));
    int len=0;
    char f=strs[0][len];
    while(f != '\0'){
        for(int i=1;i<strsSize;i++){
            if(strs[i][len]!=f){
                same[len] = '\0';
                return same;
            }
        }
        same[len]=f;
        len++;
        f=strs[0][len];
    }
    same[len] = '\0';
    return same;
}

相关推荐

  1. 公共前缀

    2024-04-04 06:54:06       34 阅读
  2. 前端判断数据类型方法哪些

    2024-04-04 06:54:06       28 阅读
  3. 数据结构--公共前缀

    2024-04-04 06:54:06       33 阅读
  4. leetcode3043. 公共前缀长度

    2024-04-04 06:54:06       46 阅读
  5. 力扣-字符串公共前缀

    2024-04-04 06:54:06       40 阅读
  6. 面试经典题---14.公共前缀

    2024-04-04 06:54:06       59 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-04-04 06:54:06       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-04-04 06:54:06       106 阅读
  3. 在Django里面运行非项目文件

    2024-04-04 06:54:06       87 阅读
  4. Python语言-面向对象

    2024-04-04 06:54:06       96 阅读

热门阅读

  1. fdisk -l命令有什么用?fdisk -l详解

    2024-04-04 06:54:06       44 阅读
  2. C++学习笔记(八)

    2024-04-04 06:54:06       33 阅读
  3. 个人推荐Redis比较好的一种使用规范

    2024-04-04 06:54:06       29 阅读
  4. Python语法总结:not(常出现错误)

    2024-04-04 06:54:06       39 阅读
  5. 如何开启MySQL的binlog日志

    2024-04-04 06:54:06       37 阅读
  6. Mac 如何彻底卸载Python 环境?

    2024-04-04 06:54:06       39 阅读
  7. ffmpeg Android 笔记

    2024-04-04 06:54:06       39 阅读