果冻

前言同样是之前练手项目中的，emmm,知道干嘛用的，没了解过具体原理，面试时加上紧张😓，那简直被吊打的感觉，现在来先初步总结一波，后面有时间再配上资源骨架屏是什么同样的，首先遇到的问题是什么呢？现在的前端开发领域，都是前后端分离，首先我们拿到数据后，页面渲染以及等待的白屏时间，成为我们需要解决的问题点；而且大项目，这个问题尤为突出。webpack可以实现按需加载，减小我们首屏需要加载的代码体积；再配合上 CDN 以及一些静态代码（框架，组件库等等…）缓存技术，可以很好的缓解这个加载渲染的时间过长

前言：面试时碰到了这个问题，之前练手项目的时候用过，但没有深入了解其底层原理，所以面试结果应该只能唱一首凉凉了，现做一个总结，后面继续加油，也希望大家吸取教训懒加载是什么？懒加载肯定重点突出一个‘懒’字，我们来从发现什么问题，然后怎么解决去解决的角度来看首先是有什么问题呢？在我们访问一个图片展示比较多的网页时，加载速度慢很多时候正是因为图片多导致，大量的img图片导致页面渲染的堵塞。当费了许多力气把全部图片和页面加载出来时而用户早已离去。另一方面，若用户只查看了网页的前面部分便离开，许多已经

前言同样是发现问题，解决问题的角度我们来分析，首先我们遇到了什么问题呢？就是当我们对数据增删改查之后，刷新页面，咦，我们刚才操作的数据不见了。那么怎么去解决问题呢？首先想到的是把数据存储起来呗，非常聪明，我们就是这么干的。那我们下面来看一看。一、本地存储在localStorage或sessionStorage或其它存储方式中取值,这里我们不结合Vuex来看，举个简单的例子，经典案例TodoList，这里我们使用localStorage先了解一下基础知识生存期localStorag

原理和图片懒加载差不多，目的是实现当组件进入可视区域再加载数据。这里使用 @vueuse/core 中 useIntersectionObserver 函数来实现监听进入可视区域的范围，但必须配合vue3.0的组合API方式来实现可以先看下面这篇文章了解下IntersectionObserver图片懒加载，原理你可一定要会_果冻OoO的博客-CSDN博客大致步骤：理解useIntersectionObserver的使用，各个参数的含义 改造 home-new 组件成为数据懒加载，掌..

前言前端知识点太多了，学了Vue2再学Vue3真是让人泪流满面，Vue3还在不断更新中，这里先不自己总结了，以后有时间再来，贴出我看的一些资源地址。【Vue】带你快速上手Vue3 - 使用 - Composition API - 响应式原理 - 新特性项目笔记，前面也讲了Vue3vue3前置3.2新特性 script setup 真香，这也是我不想写笔记的原因，真简单很多Vue3.2 新特性详解——＜script setup＞ 和 ＜style＞ v-bind...

路由 理解： 一个路由（route）就是一组映射关系（key - value），多个路由需要路由器（router）进行管理。 前端路由：key是路径，value是组件。 一、基本使用 安装vue-router，命令：npm i vue-router 应用插件：Vue.use(VueRouter) 编写router配置项: //引入VueRouterimport VueRouter from 'vue-router'//引入Luyou 组件impo..

目录前言一、vuex是什么何时使用？二、状态自管理应用多组件共享状态的问题原理图三、搭建vuex环境四、基本使用五、getters的使用六、四个map方法的使用七、模块化+命名空间前言好久没自己写笔记了，还是自己动手总结下记忆点比较深，今天我们来学习一下vuex一、vuex是什么官网里：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发...