油麦菜>-优快云博客

原创 vue中自定义指令总结！！！

2 .inserted：指令所在元素被插入页面时调用。3 .update：指令所在模板结构被重新解析时调用。1 .bind：指令与元素成功绑定时调用。1、指令定义时不加v-，但使用时要加v-以上是自定义指令总结！一、配置对象中常用的三个回调。2、指令名如果是多个单词，

2022-11-10 16:52:53 287

原创什么是keep-alive？怎么去使用？简述keep-alive

keep-alive是vue内置的一个组件，而这个组件的作用就是能够缓存不活动的组件，我们能够知道，一般情况下，组件进行切换的时候，默认会进行销毁，如果有需求，某个组件切换后不进行销毁，而是保存之前的状态，那么就可以利用keep-alive来实现。当我们在home组件的输入框输入一些内容的时候，然后切换到about组件，在切换回home组件，我们会发现之前输入的内容被清空了，其实也容易理解，就是当切换到about组建的时候，home组件就被销毁了，输入框的值自然被清空了。这样组件的缓存是实现了，

2022-11-05 19:58:34 1271

原创如何实现拖拽效果？？？在h5中是经常遇到的

【代码】如何实现拖拽效果？？？在h5中是经常遇到的。

2022-11-03 10:23:22 215

原创如何对中大型项目打包？？？怎么排包？？？

我们集成了功能，写了很多组件，最终都会打包成一堆文件，那么真实运行的性能如何呢？这个命令会从我们的入口main.js进行依赖分析，分析出较大的包，方便我们进行观察和优化1、在vue.config.js（以下配置都是webpack配置所以都在vue.config.js里进行）中配置externals的排除包名和引入全局包的全局变量。

2022-11-01 10:13:09 168

原创 SPA单页面首屏加载慢怎么解决？？？

首屏时间（First Contentful Paint），指的是浏览器从响应用户输入网址地址，到首屏内容渲染完成的时间，此时整个网页不一定要全部渲染完成，但需要展示当前视窗需要的内容通过DOMContentLoad或者performance来计算出首屏时间// 方案一： document . addEventListener('DOMContentLoaded' ,(event) => {});

2022-10-31 16:45:45 189