跳至主要內容
前端物语|面试物语-vue

h7mlvuevue大约 2 分钟
你有写过自定义指令吗?自定义指令的应用场景有哪些?

你有写过自定义指令吗?自定义指令的应用场景有哪些?

一、什么是指令

开始之前我们先学习一下指令系统这个词

指令系统是计算机硬件的语言系统,也叫机器语言,它是系统程序员看到的计算机的主要属性。因此指令系统表征了计算机的基本功能决定了机器所要求的能力


h7mlinterviewvueinterviewvue大约 6 分钟
你对 SPA 单页面的理解,它的优缺点分别是什么?如何实现 SPA 应用呢

你对 SPA 单页面的理解,它的优缺点分别是什么?如何实现 SPA 应用呢

一、什么是 SPA

SPA(single-page application),翻译过来就是单页应用SPA是一种网络应用程序或网站的模型,它通过动态重写当前页面来与用户交互,这种方法避免了页面之间切换打断用户体验在单页应用中,所有必要的代码(HTMLJavaScriptCSS)都通过单个页面的加载而检索,或者根据需要(通常是为响应用户操作)动态装载适当的资源并添加到页面页面在任何时间点都不会重新加载,也不会将控制转移到其他页面举个例子来讲就是一个杯子,早上装的牛奶,中午装的是开水,晚上装的是茶,我们发现,变的始终是杯子里的内容,而杯子始终是那个杯子结构如下图


h7mlinterviewvueinterviewvue大约 5 分钟
v-if 和 v-for 的优先级是什么?

v-if 和 v-for 的优先级是什么?

一、作用

v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 true值的时候被渲染


h7mlinterviewvueinterviewvue大约 3 分钟
什么是虚拟 DOM?如何实现一个虚拟 DOM?说说你的思路

什么是虚拟 DOM?如何实现一个虚拟 DOM?说说你的思路

一、什么是虚拟 DOM

虚拟 DOM (Virtual DOM )这个概念相信大家都不陌生,从 ReactVue ,虚拟 DOM 为这两个框架都带来了跨平台的能力(React-NativeWeex


h7mlinterviewvueinterviewvue大约 8 分钟
请描述下你对 vue 生命周期的理解?在 created 和 mounted 这两个生命周期中请求数据有什么区别呢?

请描述下你对 vue 生命周期的理解?在 created 和 mounted 这两个生命周期中请求数据有什么区别呢?

一、生命周期是什么

生命周期(Life Cycle)的概念应用很广泛,特别是在政治、经济、环境、技术、社会等诸多领域经常出现,其基本涵义可以通俗地理解为“从摇篮到坟墓”(Cradle-to-Grave)的整个过程在Vue中实例从创建到销毁的过程就是生命周期,即指从创建、初始化数据、编译模板、挂载 Dom→ 渲染、更新 → 渲染、卸载等一系列过程我们可以把组件比喻成工厂里面的一条流水线,每个工人(生命周期)站在各自的岗位,当任务流转到工人身边的时候,工人就开始工作 PS:在Vue生命周期钩子会自动绑定 this 上下文到实例中,因此你可以访问数据,对 property 和方法进行运算这意味着你不能使用箭头函数来定义一个生命周期方法 (例如 created: () => this.fetchTodos())


h7mlinterviewvueinterviewvue大约 5 分钟
Vue 中组件和插件有什么区别?

Vue 中组件和插件有什么区别?

image.png
image.png

一、组件是什么

回顾以前对组件的定义:

组件就是把图形、非图形的各种逻辑均抽象为一个统一的概念(组件)来实现开发的模式,在Vue中每一个.vue文件都可以视为一个组件


h7mlinterviewvueinterviewvue大约 4 分钟
你是怎么处理 vue 项目中的错误的?

你是怎么处理 vue 项目中的错误的?

一、错误类型

任何一个框架,对于错误的处理都是一种必备的能力

Vue 中,则是定义了一套对应的错误处理规则给到使用者,且在源代码级别,对部分必要的过程做了一定的错误处理。


h7mlinterviewvueinterviewvue大约 7 分钟
Vue 项目中你是如何解决跨域的呢?

Vue 项目中你是如何解决跨域的呢?

一、跨域是什么

跨域本质是浏览器基于同源策略的一种安全手段

同源策略(Sameoriginpolicy),是一种约定,它是浏览器最核心也最基本的安全功能


h7mlinterviewvueinterviewvue大约 3 分钟
vueuse实用方法

浏览器

使用屏幕断点

import { useBreakpoints } from '@vueuse/core';
/**
 * 浏览器屏幕断点
 */
export const handleBreakpoints = () => {
  const breakpoints = useBreakpoints({
    xs: 0,
    sm: 768,
    md: 992,
    lg: 1200,
    xl: 1920,
    xxl: 2560,
  });
  const xs = breakpoints.between('xs', 'sm');
  const sm = breakpoints.between('sm', 'md');
  const md = breakpoints.between('md', 'lg');
  const lg = breakpoints.between('lg', 'xl');
  const xl = breakpoints.between('xl', 'xxl');

  return { xs, sm, md, lg, xl };
};

h7mlvuevue大约 4 分钟
vue 要做权限管理该怎么做?如果控制到按钮级别的权限怎么做?

vue 要做权限管理该怎么做?如果控制到按钮级别的权限怎么做?

一、是什么

权限是对特定资源的访问许可,所谓权限控制,也就是确保用户只能访问到被分配的资源

而前端权限归根结底是请求的发起权,请求的发起可能有下面两种形式触发


h7mlinterviewvueinterviewvue大约 9 分钟
2
3