- 博客(17)
- 收藏
- 关注
原创 vue3模版中的变化
vue2v-model和.sync,在vue3中,去掉了.sync修饰符,只需要使用v-model进行双向绑定即可。为了让v-model更好的针对多个属性进行双向绑定,vue3作出了以下修改当对自定义组件使用v-model指令时,绑定的属性名由原来的value变为modelValue,事件名由原来的input变为去掉了.sync修饰符,它原本的功能由v-model的参数替代配置被移除允许自定义v-model修饰符vue2 无此功能。
2024-06-06 10:12:24
352
原创 面试题:vue3的效率提升主要表现在哪些方面?
vue3依靠强大的编译器,给每一个节点标记是静态节点还是动态节点,并且会把所有的动态节点提取到根节点
2024-06-04 17:07:27
190
原创 使用原生js实现自定义call、apply、bind方法改变this指向
参考对象调用方法时,函数内this的指向是这个对象本身的原理,可实现改变this的指向。创建一个改变this指向的方法customCall(context, a, b, c)
2023-12-12 19:02:13
154
1
原创 ChatGPT接口返回代码高亮显示的实现逻辑
我们在使用openai提供的接口时,返回的数据如果包含代码,会发现代码是没有样式的,它们一般是用```包含的一段文本。官方API:POST https://api.openai.com/v1/chat/completions。
2023-06-02 11:45:40
5136
16
原创 vue3+vite 打包去掉console和debugger控制台打印信息
vite 已经将这个功能内置了,所以我们只需要修改配置文件:vite.config.js即可,配置包括drop_console:去掉console信息,drop_debugger:去掉debugger信息。是因为缺少依赖文件:terser。
2023-05-29 12:06:28
5586
2
原创 vue重新加载/刷新当前页面 改变url参数触发页面生命周期
在需要使用的子页面通过inject属性接收,直接调用this.reload(),只加载当前组件,并且触发组件的生命周期函数,不会刷新整个网站,效果很好。vue页面在实际开发中,经常会遇到改变url参数,重新加载页面数据的需求,但是只改变页面url并不会触发组件的生命周期,这就需要用其他方法来实现了。在index.vue(与页面结构有关)文件,声明reload方法,控制router-view的显示或隐藏,从而控制页面的再次加载。相当于刷新浏览器,会重新加载页面资源,体验相当差。
2023-05-24 14:58:40
3060
1
原创 用js实现常用的算法
首先判断数组的长度是否小于等于 1,如果是则直接返回该数组。接着将左右两部分进行合并,具体做法是使用两个指针依次比较左右两部分的元素,将较小的元素放入结果数组中,并将该元素所在部分的指针向右移动一位。以上代码中,selectionSort 函数接收一个待排序的数组,返回一个新数组,该数组是原数组的升序排列。以上代码中,mergeSort 函数接收一个待排序的数组,返回一个新数组,该数组是原数组的升序排列。需要注意的是,在合并两个有序数组时,两个数组的元素都要按照升序排列,才能使得合并后的结果也是有序的。
2023-05-16 09:44:13
434
1
原创 js工具类Lodash、功能介绍、用法
Lodash 是一个非常流行的 JavaScript 实用工具库,它提供了一系列优化后可重复使用的函数,简化了 JS 开发中各种常见任务的编写。
2023-05-09 14:37:33
3400
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人