@Forget-优快云博客

原创前端10个灵魂拷问吃透这些你就能摆脱初级前端工程师！！

性能优化不完全手册如何优化你的超大型React应用我的这两篇文章基本上涵盖了前端基础的性能优化，后期我会再出专栏。1.等什么是preload使用 preload 指令的好处包括：允许浏览器来设定资源加载的优先级因此可以允许前端开发者来优化指定资源的加载。赋予浏览器决定资源类型的能力，因此它能分辨这个资源在以后是否可以重复利用。浏览器可以通过指定 as 属性来决定这个请求是否符合 content security policy。

2024-05-04 00:00:00 1367 2

原创这 10 个技巧让你成为一个更好的 Vue 开发者！！！

我比较喜欢使用 Vue 来开发，所以有时会深入研究其功能和特性。通过这篇文章，向你们介绍十个很酷的窍门和技巧，以帮助大家成为更好的 Vue 开发者。默认情况下，v-model是@input事件监听器和:valueprops上的语法糖。但是，我们可以在Vue组件中指定一个模型属性，以定义使用什么事件和值希望这些窍门和技巧对你有所帮助，如果你也知道哪些技巧，欢迎留言。

2024-05-03 10:00:00 1111 2

原创 Vue 全站缓存之 keep-alive ：动态移除缓存！！

以一个记账项目举例，常见的场景有首页、记到账页面、选择合同、新建合同、选择客户、新建客户这些页面。在这些页面中，很显然，用户的浏览行为应该是逐渐深入的，通俗得讲就是浏览页面在不断前进。一. 用户前进时，总是进入新的页面。（比如在合同列表页反复加载多次列表之后，进入其中一个合同详情，再返回时，应该仍停留之前里列表页同一个位置，而不是重新刷新列表页。二. 用户后退时，需要能保留前一页数据并继续操作。创建完客户后继续新建合同，建完合同后继续记该合同的到账。

2024-05-02 13:00:00 561 2

原创 Vue的钩子函数[路由导航守卫、keep-alive、生命周期钩子]！！

说到Vue的钩子函数，可能很多人只停留在一些很简单常用的钩子(createdmounted)，而且对于里面的区别，什么时候该用什么钩子，并没有仔细的去研究过，且Vue的生命周期在面试中也算是比较高频的考点，那么该如何回答这类问题，让人有眼前一亮的感觉呢...

2024-05-01 07:00:00 443 2

原创关于vue的keep-alive需要条件性缓存的解决！！

从B到A，之后到B,B没被缓存，表现正常，之后点击C，这个时候从C返回，得到的是一开始B的缓存。网上大量的设置meta的方法，亲测都存在问题，不知道是都没注意到还是都是copy的。大致的原理是，只要是B的组件，都缓存。只有当从B>A的时候，才让B不缓存。这里的catchList，是vuex维护的需要缓存的组件名的一个数组。第一次A>B>C,之后再返回B的话，不会被缓存。问题很常见，简单来说就是A,B,C三个页面。所以，目前来看，能用的方法，其实只有这一种。A>B不缓存，C>B需要缓存。

2024-04-30 07:00:00 247 2

原创 vue路由传参的8种方式！！！

我们在开发单页面应用时，有时需要进入某个路由后基于参数从服务器获取数据，那么我们首先要获取路由传递过来的参数，从而完成服务器请求，所以，我们需要了解路由传参的几种方式，以下方式同。

2024-04-29 20:03:13 2385

原创 vue2常见的面试题---下！！

答：hash描述：使用url的hash值来构建路由，使用onhashchange事件，获取到最新的window.location.hash去匹配路由监听的url中地址，url地址中有#号，hash值不会包含在http请求中，不需要后台服务器的支持，比history兼容性好一些。答：$route:是“路由信息对象”，包括path，params，hash，query，fullPath，matched，name等路由信息参数。答：key是Vue中的唯一标记，通过这个key，diff操作可以更准确，更快速。

2024-04-28 00:00:00 179 1

原创 vue——pinia（版本的购物车）

删除总计：{{ uStore.total }}结算

2024-04-27 19:19:31 1132 2

原创 vue2常见的面试题---中！！

答：因为DOM是很慢的，其元素是非常庞大的，页面的性能问题大部分是又DOM操作引起的，真实的DOM节点，哪怕一个最简单的div也包含着很多的属性，可以打印出来直观地感受一下操作DOM的代价是昂贵的，频繁操作还会出现页面卡顿，影响用户的体验。页面更新：重写了数组中的那些原生方法，首先获取到这个数组的_ob_,也就是他的Observer对象，如果有新的值，就调用observeArray继续对新的值观察变化，然后手动调用notify，通知渲染watcher，执行update。

2024-04-27 07:00:00 521 1

原创 yarn的使用流程！！

【代码】yarn的使用流程！！

2024-04-26 21:05:20 95 1

原创 vue2常见的面试题---上！！！

答：MVC是一个架构模式，model负责存储页面的业务逻辑和数据操作，view负责视图展示，controller是view和mode的纽带，当model层数据发生改变时通知view层进行更新，当view层页面产生交互时，调用model层完成数据的修改，然后model层再通知view层更新。MVVM：Model层代码数据模型，数据和业务逻辑都在Model中定义，view代码Ul视图，负责数据的展示，viewModel负责监听Model中数据的改变并且控制视图的更新，处理用户交互操作。如果可以，如何使用？

2024-04-26 20:55:32 380 1

原创 vue3 使用脚手架实现todolist

-v-model:模板指令，与script中data下的inputValue双向绑定-->this.$emit('delete', this.index) ////向外触发名称为delete的事件，对应值为index，与父组件形成发布--订阅模式。import TodoItem from './components/TodoItem.vue' //引用其他组件。import App from './TodoList.vue' //从一个单文件组件中导入根组件。

2024-04-26 20:12:13 923 2

m0_74830901的博客