前端vue面试

2023-11-19

用户登陆
产品了解
生命周期
vuex
数据平台干嘛
vue X怎么持久
localstore和cokIE区别
路由传惨
路由传惨两种方式区别

1.谈一谈你对keep-alive的了解P1

 

2.三、v-if&v-show的区别

 

3.四、v-if和v-for优先级

 

4.五、ref是什么?

 

5.六、nexttick是什么?

 

nexttick插件场景

Create----请求数据

Mouted----插件

6.七、scoped原理

 

 

  1. vue中如何做样式穿透 p1

Scope 是局部的,插件样式是全局的,----局部不能该全局样式

 

 

  1. 九、父组件传值到子组件

自定义属性:最好key 和value 定义名字一样

 

9.子组件传值到父组件

 

10、兄弟组件之间的传值

.

 

  1. computed methods watch有什么区别P1

 

      (2)Computed和watch 区别

1、功能上:computed是计算属性,watch是监听一个值的变化,然后执行对应的回调。

2、是否调用缓存:computed中的函数所依赖的属性没有发生变化,那么调用当前的函数的时候会从缓存中读取,而watch在每次监听的值发生变化的时候都会执行回调。

3、是否调用return:computed中的函数必须要用return返回,watch中的函数不是必须要用return。

4、computed默认第一次加载的时候就开始监听;watch默认第一次加载不做监听,如果需要第一次加载做监听,添加immediate属性,设置为true(immediate:true)

5、使用场景:computed----当一个属性受多个属性影响的时候,使用computed-----购物车商品结算。watch–当一条数据影响多条数据的时候,使用watch-----搜索框.

12.vue设置代理P1

前端:代理是为了解决跨越问题

 

  1. vue项目:打包路径和路由模式P1

打包出现空白: publicPath: './'------路径问题

 

前端:打包测试hash模式,没问题在改成hisory模式,打包以后前端看不到内容了,那个路由内容不显示,没关系,给后端就行了,同时注意告诉后端注意路径问题,提示后端做个重定向,可能就解决了

13.如何实现一个未知宽高元素的水平垂直居中?

方法1:通过定位和transform属性来实现

 

方法2:通过利用flex布局

 

14.前端性能优化手段

https://www.jb51.net/article/179485.htm

减少请求数量

图片处理Base64

减少重定向

使用缓存

不使用CSS @import

CSS的@import会造成额外的请求

避免使用空的src和href

a标签设置空的href,会重定向到当前的页面地址

form设置空的method,会提交表单到当前的页面地址

减小资源大小

压缩1、HTML压缩

15.vue项目】代理和环境变量P1

 

  1. 十三、props和data优先级谁高?

  1. vuex面试题 上集

  1. vue路由面试题上集

 

Hash 如果找不到页面不会发生请求,hash地址都会加上#,其他的不会

箭头函数和普通函数的区别

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

前端vue面试 的相关文章

  • 每次页面重新启动时,Firebase.auth().currentUser 都会变为 null

    我正在使用 firebase 身份验证与 vue 应用程序 每次登录用户后重新启动页面时 currentUser 都会变为 null firebase auth signInWithEmailAndPassword this email t
  • $vuetify.goTo 不会在 v-card 组件内滚动

    我有一个带有 v 卡的组件 我在卡片标题区域放置了一个简单的按钮 当我单击时 我看到该方法被触发 它显示在控制台中 但是 卡片永远不会滚动 如果我输错了类名 则会收到错误 因此 goTo 似乎会执行某些操作 因为它找不到该类 没有拼写错误
  • 如何在 Nuxt 中点击链接下载文件?

    我遇到了一个边缘情况问题 如果用户浏览几条 Nuxt 路线 单击网站 徽标 这是一个锚标记返回主页 然后单击浏览器本机后退按钮 最后单击一个应该的链接要打开 pdf 它会重定向到我的 404 页面 如果用户在页面加载时单击 pdf 链接 它
  • 将 VueJs 组件添加到 Django 模板中

    我正在开发一个 Django 网站 我希望将一些 Vue 组件 散布 到 Django 渲染的模板中 我正在单个存储库中工作 并使用 webpack 设置来创建我在 Django 模板中使用的 style js 包 我正在努力让功能按照我想
  • Vue.js 动态图像路径未加载

    我试图在单个文件组件中动态加载图像 但收到错误消息 指出无法找到该模块 我想我正在尝试做同样的事情这个帖子 https stackoverflow com questions 40491506 vue js dynamic images n
  • 如何隔离 Vuetify 全局样式

    我已经开始在旧的现有项目中将 Vue js 与 Vuetify 结合使用 所以我没有重写所有前端 我只是导入了Vue并替换了一些部分 然后我注意到一个非常意想不到的行为 Vuetify 具有常见类的全局样式 例如 title它不仅影响整个页
  • firestore 安全规则 request.auth.uid 不起作用

    Firestore 安全规则不起作用 帮我 无法读取用户 用户 ID 的文档数据 安全规则 service cloud firestore match databases database documents match users use
  • 如何使用vue.js获取点击时按钮的值

    我在页面上有几个按钮 它们连接到相同的方法webcamSendRequestButton
  • Vuejs ssr 检查用户是否针对每个请求进行了身份验证

    我正在为我的应用程序使用这个 ssr 样板 https github com vuejs vue hackernews 2 0 https github com vuejs vue hackernews 2 0 我不知道如何实现逻辑来检查每
  • Web 扩展中共享 vuex 状态(死对象问题)

    我正在尝试在网络扩展中使用共享的 vue js 状态 状态存储在后台脚本的 DOM 中并呈现在弹出页面中 第一次尝试 我的第一次尝试是使用一个没有 vuex 的简单商店 背景 js var store count 0 popup js br
  • Asyncdata 与 Fetch 之间的区别

    获取数据和异步数据之间的确切区别是什么 官方文档是这么说的 异步数据 您可能想要获取数据并在服务器端呈现它 Nuxt js 添加 asyncData 方法 让您可以在之前处理异步操作 设置元件数据 异步数据每次在加载组件之前调用 仅适用于
  • Laravel Echo 不监听推送事件

    尝试使用 laravel 和 vuejs 创建一种聊天应用程序 发送消息后 我会从 laravel 触发事件 该事件会使用正确的事件类反映在推送器调试控制台上 但根本不会调用来自 vuejs 的监听回调 created window Ech
  • VueJS - 访问已安装的存储数据

    我无法理解以下内容 我有一个store其中包含应用程序所需的变量 特别地 有一个globalCompanies哪些商店 globalCompanies current all currentName 在另一个组件中 我想执行以下操作 mou
  • 可以用vue-chartjs打印图表吗?

    我正在使用 vue chartjs 在网络应用程序上渲染图表 我知道如果您使用原始版本 您可以打印图表library https canvasjs com docs charts methods chart print 但是我不知道如何使用
  • 有没有V型斗篷的反面?

    根据VueJS 文档 https v2 vuejs org v2 api v cloak v cloak 指令可用于隐藏未编译的 Mustache 绑定 直到 Vue 实例准备就绪 换句话说 我可以隐藏一个div或类似的东西 当 vue 准
  • Vue中有类似React.Fragment的东西吗?

    在 React 中我可以做这样的事情 parent component export default return div div 1 div div
  • FullCalendar-vue + Typescript:属性“getApi”不存在

    我尝试将 FullCalendar vue 与 Typescript 结合使用 但在访问其 API 时遇到错误 我的日历设置如下
  • 错误:[vuex] 期望 string 作为类型,但发现未定义

    学习Vuex 我写了一个简单的登录页面示例项目 https github com vuejs vuex tree dev examples shopping cart和document https vuex vuejs org zh gui
  • 在重复内容区域添加

    我有一个菜单组件 简单地说 它接受一个带有一系列选项的道具 并为每个选项在菜单中呈现一个项目 我希望能够根据用例自定义每个菜单项内的标记 因此我在菜单项元素内使用了占位符 你可以在这个中看到一个例子fiddle https jsfiddle
  • 使用 Vue 的多模式组件

    我在 Vue 中实现动态模式组件时遇到问题 A common approach I follow to display a set of data fetched from the db is I dump each of the rows

随机推荐

  • LeetCode 142. 环形链表 II

    题目链接 https leetcode cn problems linked list cycle ii 思路如下 用两个指针 fast slow 同时从起点开始走 fast 每次走两步 slow 每次走一步 如果过程中 fast 走到 n
  • UDP服务recvfrom函数设置非阻塞

    基本概念 其实UDP的非阻塞也可以理解成和TCP是一样的 都是通过socket的属性去做 方法一 通过fcntl函数将套接字设置为非阻塞模式 方法二 通过套接字选项SO RECVTIMEO设置超时 方法一源码 编译 g udp server
  • pyqt5

    简介 PyQt5 tutorial 2023 Create a GUI with Python and Qt 官方提供了几本书 我没钱买 有钱买了的大哥 可不可以提供一份拷贝本 这是一个前端框架 特点是跨平台 Windows Mac or
  • 练习(二)——威斯康辛乳腺癌数据集

    该数据集来自南斯拉夫卢布尔雅那大学医疗中心肿瘤研究所 由M Zwitter 与 M Soklic 二者提供 感谢 该数据集可在UCI数据库中找到 该数据库是加州大学欧文分校提出的用于机器学习的数据库 是一个常用的标准测试数据集 该数据集有2
  • 无法解析的外部符号 “public: __cdecl nvinfer1::YoloPluginCreator::YoloPluginCreator

    无法解析的外部符号 public cdecl nvinfer1 YoloPluginCreator YoloPluginCreator 解决方法1 不选择c 项目 而选择建一个nvidia runtime项目 自动就带有了 解决方法2 在V
  • vue项目中常见的 filter 过滤器总结

    使用方法 import Vue from vue 在双花括号中 message timeFilter message filterA filterB message fliterA arg1 arg2 在 v bind 简写 中 div d
  • IAR指定FLASH地址定义常量

    需求 IAP中 需要在HEX文件里增加版本号 软件 IAR8 3 notepad IAR代码格式 root前面是两个下划线 注意不要再 h文件里定义 防止多次编译 root const char HardwareDate 0x807F900
  • wedo2.0编程模块介绍_能量黑科技模块系列十:RFID魔块

    RFID魔块 RFID 此模块可以对套件配套的RFID卡或者空白RFID卡进行读写 用于权限验证的DIY制作 常规的公交卡 地铁卡是无法进行写入 但可以读取UID号 配套RFID卡内存为1K 有16个分区 每个分区有3个数据块可进行写入此模
  • Hexo搭建个人博客并免费部署

    文章目录 HEXO 一 GitLub关联SSH 二 初始化hexo 三 配置GitHub Pages 3 1 config yml Hexo配置文件 3 2 报错 因为在此系统上禁止运行脚本 四 配置主题 4 1 NexT主题 五 创建标签
  • REUSE_ALV_FIELDCATALOG_MERGE

    作用 根据程序中的数据内表结构 来自动生成FIELDCAT 内表 不用定义宏或者Form来一个个加入 会根据内表结构所参照的词典类型来自动完成如表标题字段名的生成 得到大概的FIELDCAT 后 可以再根据特殊情况再修改FIELDCAT 内
  • javaSE基础学习总结之开发团队调度软件练习

    java第一阶段学习总结 开发团队调度软件的实现 1 项目需求 2 项目MVC架构 3 创建com mvc team domian模块 4 创建com mvc team service模块 下面展示一些 内联代码片 5 创建com mvc
  • UI图片移动

    local x y 0 149 local run 0 local pi0 20 ui 图片2 右移动3 左移动4 ui 7266427303413860920 7266427303413860920 2 72664273034138609
  • 10个有用的Siebel标准功能

    作为第一篇blog 不想罗列一些Siebel的市场信息或者功能介绍等Overview 以下Siebel非常有用的10个小的tip 1 自定义数据显示格式 用户可以根据自己需要隐藏界面上的某些列 也可以通过拖放的方式控制列显示的顺序 2 自动
  • docker && Tugraph

    拉取tugraph镜像 docker pull tugraph tugraph db centos7 启动docker docker run d p 7070 7070 p 9090 9090 name tugraph demo tugra
  • Oracle Sequence Cache 参数说明

    之前整理的一篇文章 ORACLE SEQUENCE 介绍 http blog csdn net tianlesoftware archive 2009 10 30 4745039 aspx 之前整理的一篇文章 那是还是写blog初期的作品
  • nacos 的 cp 和 ap

    如果只有一个 nacos 节点 可以直接以单机模式启动 naming 功能是完全正常的 也可以以集群模式启动 配置文件中只配一个节点即可 但是 因为此时 nacos 的 raft 实现中 一个节点是选不了主的 所以 cp 模式的 raft
  • matlab绘制贝叶斯曲线,Matlab建立SVM,KNN和朴素贝叶斯模型分类绘制ROC曲线

    原文链接 http tecdat cn p 15508 绘制ROC曲线通过Logistic回归进行分类 加载样本数据 load fisheriris通过使用与versicolor和virginica物种相对应的度量来定义二元分类问题 pre
  • java 布尔类型_Java布尔类型

    Java布尔类型 在Java语言中布尔类型的值只包括true和false 没有其他值 不包括1和0 布尔类型的数据在开发中主要使用在逻辑判断方面 例如 如果外面在下雨 我出门带一把雨伞 如果明天休息 咱们就一起出去玩耍吧 请看一段程序 以下
  • 文件包含漏洞及绕过方法(以php为例)

    一 文件包含漏洞的由来 简单的来说 为了减少 重复造轮子 引入了文件包含函数 可以直接使用文件中的文件和代码 当通过动态获文件时 或者需要引用网络上其他文件时 用户通过对变量值的修改访问规定的文件 但是未对变量值进行校验 导致有了可乘之机
  • 前端vue面试

    用户登陆产品了解生命周期vuex数据平台干嘛vue X怎么持久localstore和cokIE区别路由传惨路由传惨两种方式区别 1 谈一谈你对keep alive的了解P1 2 三 v if v show的区别 3 四 v if和v for