- 博客(31)
- 收藏
- 关注
RSS订阅原创 Vue之keep-alive组件
有时候我们并不想重复渲染某个组件或者出于对于网站性能优化的原因，希望某个组件的信息可以缓存下来，这时候可以使用keep-alive组件。keep-alive虽然可以缓存组件信息，但是并不会记录当前页面的滚动位置，但是他提供了两个生命钩子，我们可以这样实现，看代码。在组件退出的时候，我们将滚动的高度记录并存储在本地存储上，那么当页面进入组件时，我们通过activated钩子去滚动到相应位置。使用beforeEach钩子判断进入组件前是否需要缓存，可以自己设置路由的meta对象中的属性，实现动态缓存。
2022-09-07 23:15:51
974
原创 provide/inject依赖注入
编写项目过程中，我们会使用props进行父子组件的传值，但是如果组件层级比较复杂，那么就需要依赖注入解决这个问题。第一步 引入provide，inject。
2022-09-06 23:26:20
863
原创 Vue3 setup小总结
我的上一个博客，说到了async函数，他的返回值是一个promise对象，返回值不再是return的对象，所以在setup不能是async函数。
2022-09-05 22:21:13
853
原创 防抖和节流
防抖就是把触发非常频繁的事件合并成一次执行，以免把一次的事件误认为多次，简单来说就是一定时间内只执行一次回调函数，如果在一定的时间内，又触发了该事件，那么回调函数的执行时间会在此刻重新计算，我们几乎每天都在用的搜索功能就是一个防抖，每次输入关键字服务器给予我们联想词就是一个身边的防抖。防抖是将多次执行转化为一次执行，节流是将将多次执行转化为每隔一段时间执行，通过上边的两段代码的逻辑中也可以看出来，防抖的函数只会在wait时间后执行一次，并且清除掉这个定时器，如果再次触发，就会重新注册一个定时器。
2022-09-04 22:20:02
200
原创 async与await详解
async与await的优势在于处理多条promise链式调用，单条promise并不能体现它的优势，试想一下，如果一个有多个步骤，每个步骤的调用又依赖于上个步骤的结果，我们知道可以使用then方法不断进行链式调用，去解决回调地狱的问题，那么async与await又将这种链式调用优化了一下。await是个运算符，用于组成表达式，运算结果取决于他正在等待运算的结果，如果的等待的是一个promise对象，他会得到promise中的resolve的值，作为他的运算结果。所以他可以配合then方法使用。
2022-09-03 23:32:34
3395
原创 JS数组中的迭代方法
最近用到的数组迭代方法有点多，特此总结一下。共有的特点：参数都是回调函数，回调函数中的第一个参数是value，第二个参数是index，都会遍历数组。
2022-08-30 21:49:32
198
原创 vue3 ref和reactive的区别与相同
先说区别，如果在模板中直接使用ref定义的数据，不必加上.value，因为在模板中使用ref定义的值已经暴露出来了，但是使用reacative定义的必须要加上定义的对象名字，比如定义了const data=reactive({name:"cat"})，那么在模板中使用必须是data.cat。第二个就是reactive一般是存放数组或者对象，它能够将复杂的类型变成响应式的数据，ref存放的一般是基本数据，而且reactive的响应式是深层次的。下面是一些例子，能够更更好的理解我所说的。...
2022-08-29 09:03:35
585
原创 简单介绍一下hooks和pinia
在Vue2中有一个混入mixins，它的优点是将可重复用的变量或逻辑封装在一个组件中，在需要用的时候，将他引入进来，但是他最大的缺点就是当你使用可重用的变量或者逻辑时，你不知道是那个组件里的，hooks就是为了解决变量或者逻辑属于那个组件的问题。hooks一般使用use开头，但是hooks有一个致命的缺点，就是著名的闭包陷阱，而且每次渲染都要重新调用hooks函数，但是在Vue3中提供了setup语法糖，setup仅仅被调用一次，hooks也是组合式api的灵感来源。自定义hooks类似这样。
2022-08-24 23:41:18
1846
原创 element plus一些小问题总结
100vw是浏览器的宽度，连带着滚动条的宽度，100%是可用宽度，不含滚动条宽度，当页面没有滚动条就是margin-right:0,有滚动条就是margin-right：-17px，内容向右延伸了17px(滚动条的宽度)引入之后，页面的结构都没有发生变化，后来经过思否上一篇文章，让我发现了一个问题，应该是没有正确引入组件的关系，再次查看官网的安装步骤，发现了端倪，需要这样才能完整引入。但是这样原本的样式就可能发生变化，可以使用：root，具体实现如下。这样就可以自定义切换图标了。
2022-08-23 23:09:19
933
原创 vue3初始2
需要注意的是，v3里this不在指向Vue实例，所以访问this是undefined，最重要的是setup具有返回值，如果返回值是一个对象的话，那么对象中的属性和方法则可以在模板中直接使用。请注意v2中的this.$emit不在生效，setup函数中没有this，但是setup中的第二个参数context提供了emit方法即这样做。setup是所有组合式API的容器，值为一个函数，组件中需要用到的方法，数据等，都要写在其中，比如父组件传过来一个msg，使用props接收完毕，并且使用它，则需要这样做。...
2022-08-17 23:12:31
109
原创 关于jetson nano安装paddle出现No module named ‘paddle.utils.cpp_extension‘的解决方法
如果你安装的paddlepaddle-gpu版本是20.0.0的话，就是版本问题，升级到21.0.0就可以了教程:安装教程下载链接：下载链接然后跑一段测试代码，成功解决
2021-06-22 15:41:46
1500
原创 python 调用虹软sdk
(1条消息) 虹软人脸检测SDK的python调用教程__less is more的博客-优快云博客按照这篇博客，然后报告了这个错误AFD_FSDK_InitialFaceEngine ret 0x7006网上也没有这个解决方法
2021-06-21 17:49:37
312
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人