前端面试练习24.2.29

一.关于Vuex说法

Vuex可以用来管理数据

Vuex也可以实现组件间的传值

mutation中的方法按照规定最好不要涉及异步方法

Vuex的属性有

state 存储状态

mutations 同步函数

actions 异步函数,并且调用的事mutations

getters 派生状态,类似与vue中的computed

module 组件,可以包含state,mutations,actions,getters,甚至module

二.关于Vue模块化开发的描述


高内聚,低耦合,可重复利用,便于维护

Vue实例没有执行DOM挂载,所以不会执行mounted钩子函数

三.关于客户端渲染和服务器端渲染的描述

服务器端渲染有利于SEO,且首页加载快

客户端渲染节省后端资源,但可能会加载慢出现白屏

服务器端渲染耗费流量,局部页面的变化也需要重新请求完整的页面

客户端首屏渲染时首先拿到空的html模板,之后继续发起数据请求。而服务器端渲染只需要请求一次,服务器会将请求的数据放在html模板中一起返回。

四.关于数组的操作不会触发视图的更新

push()在该数组最尾添加新的元素,然后返回更新后的数组长度,方法将改变原始数组的长度;

shift()删除该数组第一个元素,并且把该数组剩下的元素索引往前挪一位,然后返回删除的元素,方法将改变原始数组的长度;

reverse()反转该数组中元素的顺序,方法将改变原始数组。

concat()把两个以上的数字连接起来,该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。

push(),shift(),reverse()改变原数组,会触发视图跟新;

concat()不更改数组,会返回新数组,因此没有替换原数组,不触发视图更新,要用新数组替换原数组才能实现视图更新。

concat,filter,slice都不会引起更新

五.关于Vue组件间通信说法

Vuex可以实现任何关系的组件间的通信

①props传过来的,改数字,改字符串会报错,改数组,对象里面的值不会报错

②context是用在react中进行组件间的传值,Vue组件间传值可以通过props,$emit,Vuex,事件总线。

六.关于v-model的说法

v-model如果为不同元素绑定数据,则使用不同的元素property, 并抛出不同的事件

v-model本质上是语法糖,它负责监听用户的输入事件以更新数据

对input使用v-model,实际上是指定其 :value和input事件

v-model是内置指令,能用在自定义组件上

七.关于Vue2和Vue3的描述

Vue3中Template支持多个根标签,Vue2不支持

Vue3中的生命周期的挂载钩子是onMounted,需要引入才能使用

Vue3引入了tree-shaking,以模块的方式引入api,减小打包体积

Vue3的组合API中的setup()方法包含了所有的基本内容,包括生命周期,可以在setup()中使用生命周期钩子函数。

八.关于$nextTick说法

在组件内使用vm.$nextTick()实例方法特别方便,因为它不需要全局Vue,并且回调函数中的this将自动绑定到当前的Vue实例上

$nextTick()返回一个Promise对象

需要使用$nextTick()原因是Vue是异步渲染

在created等虚拟DOM没有完成挂载的钩子函数中,避免操作DOM报错可以把操作语句放在$nextTick的回调函数中

九.vue指令

v-html指令 使标签内html语法渲染

v-on 指令 事件绑定

v-bind 指令 绑定DOM

v-model 指令 数据的双向绑定

十.关于Vue的描述

当给某个组件修改某个值时,该组件不会立即重新渲染

$nextTick()返回一个Promise对象

$nextTick()可以配合async/await使用

当环境不支持Promise.then、MutationObserver和setImmediate时,Vue使用setTimeout(fn, 0)代替。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/710272.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

嘎嘎快充云快充互联互通系统使用说明书

嘎嘎快充云快充互联互通系统 V1.0.0 使用手册 (V1.0) 二○二四年一月 目录 一、软件产品概述 2 二、系统要求及运行环境 2 1、 系统要求 2 2、 运行环境 3 三、软件操作和说明 3 1、 软件的安装 3 2、 软件启动 8 3、 软件工作界面 8 4、 软件功能介绍…

#13Maven打包生成MD5校验文件的两种方式

目录 1、checksum-maven-plugin 2、maven-antrun-plugin 1、checksum-maven-plugin <plugin><groupId>net.ju-n.maven.plugins</groupId><artifactId>checksum-maven-plugin</artifactId><version>1.2</version><executions&g…

线路覆冰加重导线舞动风险,输电线路导线舞动在线监测装置保障运行安全

2月21日&#xff0c;山东烟台迎来强降雪天气&#xff0c;国网烟台供电公司紧急部署&#xff0c;组织运维人员联合智能巡检设备对重要变电站和输电线路进行巡视&#xff0c;确保电网安全稳定运行。 “雨雪天气给输电线路造成一定的影响&#xff0c;尤其是雨雪加上冰冻&#xff0…

NIST正式发布网络安全框架 2.0最终版:相比之前两个版本的六大重大变化

2月26日美国国家标准与技术研究院 (NIST) 正式发布了更新后的网络安全框架 (CSF)&#xff0c;这是其降低网络安全风险的里程碑式指导文件。新的 2.0 版本专为所有行业部门和组织类型而设计&#xff0c;从最小的学校和非营利组织到最大的机构和公司&#xff0c;无论其网络安全的…

Nodejs+vue汽车保养美容管理系统vscode前后端分离项目

汽车美容保养管理系统后台采用nodejs语言开发,前台页面和后台管理页面使用vue等技术开发,使用MySql作为数据持久化存储工具对汽车美容保养管理系统的用户等角色权限对应的功能等进行存储。采用vsocde集成IDE对汽车美容保养管理系统统进行开发,整合系统的各个模块。 拟开发的汽车…

Kivy和BeeWare 开发APP的优缺点,及其发展历史

Kivy和BeeWare都是流行的Python框架&#xff0c;用于开发移动应用。它们各自有独特的特点和优势&#xff0c;同时也面临一些挑战和限制。下面是对这两个框架的开发优缺点及其发展历史的总结。 Kivy 发展历史 起源&#xff1a;Kivy诞生于2010年&#xff0c;旨在提供一个用于P…

[回归指标]R2、PCC(Pearson’s r )

R2相关系数 R2相关系数很熟悉了&#xff0c;就不具体解释了。 皮尔逊相关系数&#xff08;PCC&#xff09; 皮尔逊相关系数是研究变量之间线性相关程度的量&#xff0c;R方和PCC是不同的指标。R方衡量x和y的接近程度&#xff0c;PCC衡量的是x和y的变化趋势是否相同。R方是不…

Mac OS 制作可引导安装器并重新安装系统

Mac 使用 U盘或移动固态硬盘制作可引导的安装器&#xff08;以 Monterey 为例&#xff09; 本教程参考 Apple 官网相关教程 创建可引导 Mac OS 安装器 重新安装 Mac OS 相关名词解释 磁盘分区会将其划分为多个单独的部分&#xff0c;称为分区。分区也称为容器&#xff0c;不同…

以太坊学习工具推荐

以太坊学习工具推荐 主网浏览器Sepolia测试网浏览器ETH官方网站Raw Transaction Decode Toolweb3.pyweb3.jsSolidity 学习文档

Windows PowerShell 命令行历史记录补全

Windows 命令行历史记录补全 使用 powershell 安装PSReadLine 2.1.0 Install-Module PSReadLine -RequiredVersion 2.1.0检查是否存在配置文件 Test-path $profile # 为 false 则执行命令创建 New-item –type file –force $profile编辑配置文件 notepad $profile# 输入如下…

备战蓝桥杯---树形DP基础3

上一次我们讲了二叉苹果树&#xff0c;现在我们加一点难度&#xff0c;从二叉变成了多叉苹果树。 这样子我们就不可以直接按照上次的方法DP&#xff0c;我们其实可以发现&#xff0c;我们可以用类似背包的思想求解&#xff0c;这就是所谓的树上背包。 我们先加进第一个儿子来…

鸿蒙Harmony应用开发—ArkTS声明式开发(挂载卸载事件)

挂载卸载事件指组件从组件树上挂载、卸载时触发的事件。 说明&#xff1a; 从API Version 7开始支持。后续版本如有新增内容&#xff0c;则采用上角标单独标记该内容的起始版本。 onAppear onAppear(event: () > void) 组件挂载显示时触发此回调。 卡片能力&#xff1a; …

如何入门深度学习

入门深度学习需要一步步学习基础知识&#xff0c;积累实践经验&#xff0c;并持续关注领域的最新进展。以下是详细的入门指南&#xff1a; 1. 掌握基本数学和编程知识&#xff1a; 线性代数&#xff1a;深度学习涉及大量矩阵运算&#xff0c;因此了解线性代数的基本概念和操作…

qt写代码判断一个数字是否可以被7整除

普通小程序cgtk可以跨平台&#xff0c;c跨平台用qt比较方便&#xff0c;deepinlinuxv20.9应用商店安装dtk-ide&#xff0c;就可以开发qt了&#xff0c;用上dtk模板就是dtk应用&#xff0c;qt模板就是qt跨平台应用 #include "mainwindow.h" #include "ui_mainwi…

MySQL DEFINER详解

在 MySQL 数据库中&#xff0c;在创建视图及函数的时候&#xff0c;通常会用到definer。并且在迁移视图或函数过程中&#xff0c;该选项经常会引起报错。本篇文章主要介绍下 MySQL 中 definer 的含义及作用。 1. DEFINER简单介绍 下述是创建视图的基础语法 CREATE[OR REPLAC…

go语言魔法技能go:linkname

我们在看Go语言的源码时&#xff0c;经常会看到一些特别的注释&#xff0c;比如&#xff1a; //go:build //go:linkname //go:nosplit //go:noescape //go:uintptrescapes //go:noinline //go:nowritebarrierrec等等&#xff0c;这些特别的注释其实是Go编译器的指示指令。这里…

VUE实现Office文档在线编辑,支持doc/docx、xls/xlsx、ppt/pptx、pdf等

1.微软提供的在线Office预览&#xff08;只能预览&#xff0c;不能编辑&#xff09; https://view.officeapps.live.com/op/view.aspx?src服务器上文档地址&#xff08;http开头&#xff09; 2.国内在线Office方案&#xff1a; 腾讯文档、石墨文档、飞书 优势&#xff1a;跨…

掌握 Vue3 中的 setup 函数

Vue.js 经历了从 Vue 2 到 Vue 3 的重大变革&#xff0c;带来了许多引人注目的新特性和性能优化。其中&#xff0c;setup函数无疑是最引人瞩目的新星之一。 一、概览 setup函数是 Vue 3 引入的一个新的组件选项&#xff0c;作为组合式 API 中心&#xff0c;它允许开发者在一个…

Unity生命周期函数解析

本文由 简悦 SimpRead 转码&#xff0c; 原文地址 mp.weixin.qq.com Unity生命周期函数解析 Unity 生命周期函数是在游戏对象的不同阶段被调用的方法&#xff0c;通过这些函数&#xff0c;我们可以在不同的时刻执行特定的代码。在这篇文章中&#xff0c;我们将一步步解析 Unit…

Linux红帽rhce认证多少钱?考个RHCE难不难?

Linux作为开源操作系统的佼佼者&#xff0c;已经广泛应用于各个领域。红帽认证工程师(Red Hat Certified Engineer&#xff0c;简称RHCE)作为Linux领域权威的认证之一&#xff0c;自然成为了众多IT从业者追求的目标。那么&#xff0c;RHCE认证的培训费用是多少?考取这一认证又…