2022年9月24日
讲讲Vue diff算法
摘要： diff算法就是进行虚拟节点对比，并返回一个patch对象，用来存储两个节点不同的地方，最后用patch记 录的消息去局部更新Dom。 特点: 比较只会在同层级进行, 不会跨层级比较 在diff比较的过程中，循环从两边向中间比较 步骤: 用 JavaScript 对象结构表示 DOM 树的结构；然后 阅读全文
posted @ 2022-09-24 09:59 天青色等烟雨灬 阅读(119) 评论(0) 推荐(0)
Vue父子组件生命周期触发顺序是怎样的？
摘要： 挂载阶段 父beforecreated->父created->父beforemounted->子beforecreated->子created->子beforemounted->子mounted->父mounted 更新阶段 父beforeUpdate -> 子beforeUpdate -> 子up 阅读全文
posted @ 2022-09-24 09:28 天青色等烟雨灬 阅读(30) 评论(0) 推荐(0)
说说Vue的keep-alive使用及原理。
摘要： keep-alive是vue.js的一个内置组件,它将不活动的组件保存在内存中,而非只讲将其销毁,提供了include(缓存),exclude(不缓存)两个属性,可以有选择的保存组件 语法: <keep-alive> <component></component> </keep-alive> 生命钩 阅读全文
posted @ 2022-09-24 09:16 天青色等烟雨灬 阅读(367) 评论(0) 推荐(0)
2022年9月23日
讲讲Vue的虚拟DOM，原理，好处是什么？相对于手动操作DOM，性能更好吗？
摘要： 虚拟dom本质上是js对象,是对真实dom的抽象,在状态变化时,记录新树和旧树的差异,最后把差异更新到真实dom中 虚拟dom将dom的对比放在了js层,通过对比不同之处来选择新的渲染节点,从而提高渲染效率 优缺点: 虚拟dom能保证下限,通过diff算法找出最小差异,然后批量patch,这样虽比不 阅读全文
posted @ 2022-09-23 16:09 天青色等烟雨灬 阅读(1114) 评论(0) 推荐(0)
讲讲前端路由原理。比较一下history和hash这两种路由。
摘要： 现代我们在开发SPA(单页面应用时)往往会用到路由(vue-router) 有两种模式 Hash模式 一种把前端路由的路径用#拼接在真实url后面的模式,当#后的地址变化时,浏览器不会重新发起请求,而是触发onhashchange事件 网页url组成 示例 http://127.0.0.1:8001 阅读全文
posted @ 2022-09-23 15:55 天青色等烟雨灬 阅读(173) 评论(0) 推荐(0)
v-for和v-if同时使用有问题吗？
摘要： v-for的优先级比v-if高,这意味着v-if将运用于每个v-for中,造成资源浪费 解决: 可以将v-if放到v-for的外层,先进行一次判断 利用computed计算属性先把v-for需要的属性过滤一遍 阅读全文
posted @ 2022-09-23 14:39 天青色等烟雨灬 阅读(43) 评论(0) 推荐(0)
computed和watch区别是什么？
摘要： 功能上:computed是计算属性;watch是监听一个值的变化,然后执行相应的回调 computed中函数所依赖的数据没有发生变化,就会从缓存中调取;watch每当监听的数据变化时就会执行回调 computed必须要有return返回值;watch可以没有 computed默认第一次加载的时候就监 阅读全文
posted @ 2022-09-23 10:07 天青色等烟雨灬 阅读(65) 评论(0) 推荐(0)
mvvm和mvc区别是什么
摘要： 区别: mvvm通过数据驱动视图层的显示而不是节点操作 mvc中的view和model是可以直接访问的,造成耦合度较高 mvvm真正将页面和数据逻辑分离,将数据绑定放到js实现,解决了mvc中大量的dom操作使得页面渲染速度将降低,加载速度慢 mvc(Model-View-Controller)是单 阅读全文
posted @ 2022-09-23 09:39 天青色等烟雨灬 阅读(872) 评论(0) 推荐(0)
讲讲Vue双向绑定原理
摘要： vue双向数据绑定的核心思想是MVVM(Model-View-ViewModel),View和Model是没有直接联系,通过ViewModel进行交互 当用户操作View,ViewModel会感知到,然后通知Model发生相应的变化;当Model变化时,ViewModel会使View发生相应的更新 阅读全文
posted @ 2022-09-23 09:17 天青色等烟雨灬 阅读(182) 评论(0) 推荐(0)
2022年9月22日
深拷贝、浅拷贝的区别？如何实现深拷贝和浅拷贝？
摘要： 基本类型的数据赋值后,更改赋值后的变量,两者互不影响 let a = 100; let b = a; a = 200; console.log(a); // 200 console.log(b); // 100 引用类型的数据赋值后,将存放在栈内存中的地址赋值给新变量,更改赋值后的变量会影响到原数据 阅读全文
posted @ 2022-09-22 16:31 天青色等烟雨灬 阅读(214) 评论(0) 推荐(0)