- 博客(15)
- 收藏
- 关注
RSS订阅原创 vue3创建全局的加载组件
最近在用vue3开发H5，开发了一个全屏加载的组件，组件开发很容易，但是需要每次引入就很麻烦了，所以像像elementUI那样，用可以直接在script中调用组件的方式来实现，由此开始这篇文章。
2024-04-30 11:19:38
323
原创 关于vue2+ts项目在谷歌（Chrome）浏览器中刷新导致内存泄漏的问题
后来我换了Edge浏览器以及火狐浏览器，发现这俩个浏览器都没有出现内存泄漏的问题，所以初步判断，应该是chrome更新了版本，刷新机制和vue2项目不兼容。最近在写vue2项目的时候，发现网页长时间开发过程中越来越卡，后来发现当刷新页面时，每次都不会释放内存，导致内存越来越大。然后我试着删除可能有问题的模块，最后一直把所有模块都删除了，只剩一个首页页面，还是一样的情况，简直是一筹莫展。开发环境：vue: 2.6.14、vue-property-decorator：^8.4.2。
2024-02-02 17:32:48
393
原创 vue3学习杂记
如何获取ref对象的类型在日常开发中，我们经常会使用到组件的ref属性，例如父页面需要调用子页面的方法时，以前在vue2+js环境中，我们可以直接用this.$refs[组件ref名称]来获取子组件的实例，那么在vue3中怎样获取呢？先说结论：<login-account ref="accountRef" /><script lang="ts">import { defineComponent, ref } from 'vue'import loginAccount f
2022-08-11 16:53:34
626
原创 关于利用JavaScript中的sort方法实现自定义排序
众所周知，javascript中的sort方法可以实现排序，但是如果只是使用默认的方法，很难拿到理想的结果，所以需要实现自定义排序。
2022-06-21 16:43:41
2543
原创 vue切换路由后取消未完成的axios请求
取消请求的必要性在切换页面后，取消之前还未完成的axios请求，以免之前的请求结果影响当前页面的判断原理实现的原理：1、取消axios请求的方法；2、将当前页面的请求取消方法存在state中，在router.beforeEach()钩子函数中遍历执行该取消方法。取消axios请求的方法其实原理都是通过axios的cancelToken属性来实现，在封装好的axios中添加以下代码：const instance = axios.create({ // baseURL: '', time
2022-06-08 14:19:21
3819
原创 js中的闭包
JS中的闭包什么是闭包？根据MDN的定义，闭包就是一个函数和对其周围状态的引用捆绑在一起，这样的组合就叫做闭包。自己的理解：一个普通的函数，如果它可以访问外层作用域的自由变量，那么这个函数就是一个闭包。实例function markAddr(count) { return function (num) { return count + num; }}var add10 = markAddr(10)console.log(add10(5))闭包的的执行过程在了解闭包的执行过程前
2022-05-19 22:54:52
274
原创 vue3项目中封装axios
目前前端最流行的网络请求库还是axios，所以对axios的封装很有必要，此次基于vue3+ts的环境下。axios的基本使用import axios from 'axios'// console.log('adh')axios.get('http://XXX.xxx.xxx.xxx:8000/home').then((res) => { console.log(res.data)})axios.get()会返回一个Promise对象,所以可以用.then获取返回的数据。axios
2022-05-13 21:44:59
24033
2
原创 在el-form中自定义校验规则（关联字段校验，需要在校验方法中用到this）
官方写法el-form是支持自定义规则的，官网中是这么写的data() { var checkAge = (rule, value, callback) => { if (!value) { return callback(new Error('年龄不能为空')); } setTimeout(() => { if (!Number.isInteger(value)) {
2022-04-28 15:22:48
6241
原创 JS的内存管理
javaScript的内存管理js会在定义变量时为变量分配内存其中又分为两种情况：当变量为基本数据类型时：如String、Number、Boolean等，直接在栈空间进行分配；当变量为复杂数据类型时，如Object、Array等，会在堆内存开辟空间，并且将这块空间的指针返回值当作变量引用。JS的垃圾回收由于内存的大小时固定的，所以当内存不再需要时，需要对其进行释放。好在JS用有自动的垃圾回收机制，不用我们手动编写代码来实现。js在垃圾回收时会使用到GC算法常见的GC算法引用算法：
2022-02-23 23:25:28
354
原创 JS作用域
JS的作用域js有一个全局作用域，以及每个函数内部是局部作用域；函数的作用域是在编译阶段就决定了的：var message = '哈哈哈'function foo() { console.log(message)}function bar() { var message = '嘿嘿嘿'}bar()// '哈哈哈'...
2022-02-23 23:06:20
90
原创 JS中的迭代器(iterator)和生成器(generator)
迭代器迭代器是一个对象，是确使用户可在容器对象（container，例如链表或数组）上遍访的对象，使用该接口无需关心对象的内部实现细节。next方法有如下的要求：一个无参数或者一个参数的函数，返回一个应当拥有以下两个属性的对象：done（boolean） ü 如果迭代器可以产生序列中的下一个值，则为 false。（这等价于没有指定 done 这个属性。）如果迭代器已将序列迭代完毕，则为 true。这种情况下，value 是可选的，如果它依然存在，即为迭代结束之后的默认返回值。value迭代器返
2022-02-20 23:58:27
4994
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人