bb_xiaxia1998 - 博客园

2022年11月16日

摘要： v-for 为什么要加 key 如果不使用 key，Vue 会使用一种最大限度减少动态元素并且尽可能的尝试就地修改/复用相同类型元素的算法。key 是为 Vue 中 vnode 的唯一标记，通过这个 key，我们的 diff 操作可以更准确、更快速更准确：因为带 key 就不是就地复用了，在 sa 阅读全文

posted @ 2022-11-16 08:29 bb_xiaxia1998 阅读(43) 评论(0) 推荐(0)

new Vue的时候到底做了什么

摘要： Vue加载流程 1.初始化的第一阶段是Vue实例也就是vm对象创建前后：首先Vue进行生命周期，事件初始化发生在beforeCreate生命周期函数前，然后进行数据监测和数据代理的初始化，也就是创建vm对象的过程，当vm对象创建完成就可以通过vm对象访问到劫持的数据，比如data中的数据，metho 阅读全文

posted @ 2022-11-16 08:27 bb_xiaxia1998 阅读(20) 评论(0) 推荐(0)

2022年11月15日

前端vue面试题

摘要： Vue3有了解过吗？能说说跟vue2的区别吗？ 1. 哪些变化从上图中，我们可以概览Vue3的新特性，如下：速度更快体积减少更易维护更接近原生更易使用 1.1 速度更快 vue3相比vue2 重写了虚拟Dom实现编译模板的优化更高效的组件初始化 undate性能提高1.3~2倍 SS 阅读全文

posted @ 2022-11-15 08:58 bb_xiaxia1998 阅读(54) 评论(0) 推荐(0)

面试官：vue2和vue3的区别有哪些？

摘要：一、Vue3 与 Vue2 区别详述 1. 生命周期对于生命周期来说，整体上变化不大，只是大部分生命周期钩子名称上 + “on”，功能上是类似的。不过有一点需要注意，Vue3 在组合式API（Composition API，下面展开）中使用生命周期钩子时需要先引入，而 Vue2 在选项API（Op 阅读全文

posted @ 2022-11-15 08:57 bb_xiaxia1998 阅读(226) 评论(0) 推荐(0)

一份vue面试知识点梳理清单

摘要：写过自定义指令吗原理是什么指令本质上是装饰器，是 vue 对 HTML 元素的扩展，给 HTML 元素增加自定义功能。vue 编译 DOM 时，会找到指令对象，执行指令的相关方法。自定义指令有五个生命周期（也叫钩子函数），分别是 bind、inserted、update、componentUp 阅读全文

posted @ 2022-11-15 08:56 bb_xiaxia1998 阅读(108) 评论(0) 推荐(0)

Vue.$nextTick的原理是什么-vue面试进阶

摘要：原理性的东西就会文字较多，请耐下心来，细细品味 Vue中DOM更新机制当你气势汹汹地使用Vue大展宏图的时候，突然发现，咦，我明明对这个数据进行更改了，但是当我获取它的时候怎么是上一次的值（本人比较懒，就不具体举例了👵）此时，Vue就会说：“小样，这你就不懂了吧，我的DOM是异步更新的呀！！！阅读全文

posted @ 2022-11-15 08:55 bb_xiaxia1998 阅读(12) 评论(0) 推荐(0)

2022年11月14日

一份vue面试考点清单

摘要： Vue项目性能优化-详细 Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分，我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题，所以我们仍然需要去关注 Vu 阅读全文

posted @ 2022-11-14 10:09 bb_xiaxia1998 阅读(92) 评论(0) 推荐(0)

说说Vue响应式系统中的Watcher和Dep的关系-面试进阶

摘要：引言在这里我先提出两个问题（文章末尾会进行解答）：在Vue的数据响应系统中，Dep和Watcher各自分担什么任务？ Vue的数据响应系统的核心是Object.defineproperty一定是最好的吗？有什么弊端和漏洞吗？一、什么是响应系统中的Watcher，它的作用是什么？响应系统中的W 阅读全文

posted @ 2022-11-14 10:08 bb_xiaxia1998 阅读(94) 评论(0) 推荐(0)

中高级前端开发需要掌握的vue知识点

摘要： keep-alive 使用场景和原理 keep-alive 是 Vue 内置的一个组件，可以实现组件缓存，当组件切换时不会对当前组件进行卸载。常用的两个属性 include/exclude，允许组件有条件的进行缓存。两个生命周期 activated/deactivated，用来得知当前组件是否处阅读全文

posted @ 2022-11-14 10:07 bb_xiaxia1998 阅读(173) 评论(0) 推荐(0)

说说你对Vue的keep-alive的理解

摘要：什么是 keep-alive 在平常开发中，有部分组件没有必要多次初始化，这时，我们需要将组件进行持久化，使组件的状态维持不变，在下一次展示时，也不会进行重新初始化组件。也就是说，keepalive 是 Vue 内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染。也就是所谓的组件缓存 < 阅读全文

posted @ 2022-11-14 10:05 bb_xiaxia1998 阅读(45) 评论(0) 推荐(0)

bbxiaxia1998

公告