微微的猪食小窝
本人精通 Word、Excel、PowerPoint、VScode等软件的安装与卸载;
熟练掌握VB、C++、Python、SQL、Java 等单词的拼写;
熟悉Win11、Linux、Android、Ios等操作系统的开关机。
展开
-
2023前端面试系列-- Vue 篇
MVVM,是的简写,其本质是MVC模型的升级版。其中Model代表数据模型,View代表看到的页面,ViewModel是View和Model之间的桥梁,数据会绑定到ViewModel层并自动将数据渲染到页面中,视图变化的时候会通知ViewModel层更新数据。以前是通过操作DOM来更新视图,现在是数据驱动视图。原创 2023-02-15 17:54:32 · 1252 阅读 · 1 评论 -
20+Vue面试题整理
MVVM是缩写,也就是把MVC中的Controller演变成ViewModel。Model层代表数据模型,View代表UI组件,ViewModel是View和Model层的桥梁,数据会绑定到viewModel层并自动将数据渲染到页面中,视图变化的时候会通知viewModel层更新数据。一个组件被复用多次的话,也就会创建多个实例。本质上,这些实例用的都是同一个构造函数。如果data是对象的话,对象属于引用类型,会影响到所有的实例。所以为了保证组件不同的实例之间data不冲突,data必须是一个函数。原创 2022-11-24 23:07:00 · 551 阅读 · 0 评论 -
vue-router的两种模式的区别
因此可以说,hash 模式和 history 模式都属于浏览器自身的特性,Vue-Router 只是利用了这两个特性(通过调用浏览器提供的接口)来实现前端路由。如果不想要很丑的 hash,我们可以用路由的 history 模式,这种模式充分利用 history.pushState API 来完成。模式即可,只需在后端(Apache 或 Nginx)进行简单的路由配置,同时搭配前端路由的 404 页面支持。前端路由的核心,就在于 ——一般场景下,hash 和 history 都可以,除非你更在意颜值,原创 2022-11-24 15:20:59 · 862 阅读 · 0 评论 -
2023最新Vue 面试题+详解答案
本文整理了高频出现的 Vue 相关面试题并且附带详解答案难度分为简单 中等 困难 三种类型 大家可以先不看答案自测一下自己的 Vue 水平哈 如果对答案有不一样见解的同学欢迎评论区补充讨论@微微的猪食小窝本文由微微的猪食小窝原创指令本质上是装饰器,是 vue 对 HTML 元素的扩展,给 HTML 元素增加自定义功能。vue 编译 DOM 时,会找到指令对象,执行指令的相关方法。原创 2022-11-21 22:21:47 · 1971 阅读 · 0 评论 -
Vue 生命周期方法有哪些 一般在哪一步发请求
在这一步,实例已完成以下的配置:数据观测(data observer),属性和方法的运算, watch/event 事件回调。可以在钩子函数 created、beforeMount、mounted 中进行异步请求,因为在这三个钩子函数中,data 已经创建,可以将服务端端返回的数据进行赋值。调用后,Vue 实例指示的所有东西都会解绑定,所有的事件监听器会被移除,所有的子实例也会被销毁。发生,在当前阶段,真实的 Dom 挂载完毕,数据完成双向绑定,可以访问到 Dom 节点。在这一步,实例仍然完全可用。原创 2022-11-21 21:58:26 · 866 阅读 · 0 评论 -
Vue之高频前端面试题汇总(下)
(1)param方式传递的方式:在path后面跟上对应的值1)路由定义//在APP.vue中用户//在index.js{},复制代码2)路由跳转// 方法1:按钮原创 2022-11-18 22:58:08 · 1115 阅读 · 0 评论 -
Vue之高频前端面试题汇总(上)
可以。复制代码复制代码复制代码复制代码父组件将searchText变量传入custom-input 组件,使用的 prop 名为value;custom-input 组件向父组件传出名为input的事件,父组件将接收到的值赋值给searchText;`})复制代码JavaScript中的对象是引用类型的数据,当多个实例引用同一个对象时,只要一个实例对这个对象进行操作,其他实例中的数据也会发生变化。原创 2022-11-18 22:56:15 · 1116 阅读 · 0 评论 -
react、vue中的key有什么作用?(key的内部原理)
2.如果不存在对数据的逆序添加、逆序删除等破坏顺序操作,仅用于渲染列表用于展示,使用index作为key是没有问题的。key是虚拟DOM对象的标识,当数据发生变化时,Vue会根据【新数据】生成【新的虚拟DOM】,②.若虚拟DOM中内容变了, 则生成新的真实DOM,随后替换掉页面中之前的真实DOM。1.最好使用每条数据的唯一标识作为key, 比如id、手机号、身份证号、学号等唯一值。会产生没有必要的真实DOM更新 ==> 界面效果没问题, 但效率低。①.若虚拟DOM中内容没变, 直接使用之前的真实DOM!原创 2022-11-15 14:56:41 · 1165 阅读 · 0 评论 -
cookie、sessionStorage和localStorage的区别(详细)
1)webstorage是本地存储,存储在客户端,包括localStorage和sessionStorage2)localStorage生命周期是永久,这意味着除非用户显示在浏览器提供的UI上清除localStorage信息,否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端(即浏览器)中保存,不参与和服务器的通信3)sessionStorage仅在当前会话下有效,关闭页面或浏览器后被清除。存放数据大小为一般为5MB,而且它仅在客户端(即浏览器)中保存,不参与和服务器的通信。转载 2022-11-13 20:15:01 · 1228 阅读 · 0 评论 -
v-if与v-show的区别
1、“v-if”是根据判断条件来动态的进行增删DOM元素,“v-show”是根据判断条件来动态的进行显示和隐藏元素;2、“v-if”的切换消耗高,“v-show”的初始渲染消耗高;3、“v-show”的性能比“v-if”高等等。原创 2022-11-12 20:46:00 · 2530 阅读 · 0 评论 -
前端vue面试题
this. r o u t e r . p u s h ( n a m e : " 路由配置中对应的 n a m e 名 " , p a r a m s : 参数 ) 取值页面 t h i s . router.push({name:"路由配置中对应的name名",params:{参数}}) 取值页面 this. router.push(name:"路由配置中对应的name名",params:参数)取值页面this.route.params.userId。转载 2022-11-06 19:38:07 · 267 阅读 · 0 评论