自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(16)
  • 收藏
  • 关注

原创 2024前端笔试题(vue2/vue3/react)

前端开发面试题企业真题汇总

2024-06-08 06:00:00 1281

原创 react表单:受控组件与非受控组件

受控组件,本质上其实就是将表单中的控件和视图模型(状态)进行绑定,之后都是针对状态进行操作。

2024-06-07 07:00:00 280

原创 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 311

原创 面试题:vue3的ReactivityApi知识点汇总

vue3的ReactivityApi知识点汇总

2024-06-05 12:01:22 285

原创 面试题:vue3的效率提升主要表现在哪些方面?

vue3依靠强大的编译器,给每一个节点标记是静态节点还是动态节点,并且会把所有的动态节点提取到根节点

2024-06-04 17:07:27 165

原创 使用原生js实现自定义call、apply、bind方法改变this指向

参考对象调用方法时,函数内this的指向是这个对象本身的原理,可实现改变this的指向。创建一个改变this指向的方法customCall(context, a, b, c)

2023-12-12 19:02:13 116 1

原创 webpack打包优化 按需打包实现方法

webpack配置按需打包,缩短打包时间和降低项目体积

2023-12-06 16:06:58 481 1

原创 ChatGPT接口返回代码高亮显示的实现逻辑

我们在使用openai提供的接口时,返回的数据如果包含代码,会发现代码是没有样式的,它们一般是用```包含的一段文本。官方API:POST https://api.openai.com/v1/chat/completions。

2023-06-02 11:45:40 4170 11

原创 vue3+vite 打包去掉console和debugger控制台打印信息

vite 已经将这个功能内置了,所以我们只需要修改配置文件:vite.config.js即可,配置包括drop_console:去掉console信息,drop_debugger:去掉debugger信息。是因为缺少依赖文件:terser。

2023-05-29 12:06:28 4673 2

原创 vue重新加载/刷新当前页面 改变url参数触发页面生命周期

在需要使用的子页面通过inject属性接收,直接调用this.reload(),只加载当前组件,并且触发组件的生命周期函数,不会刷新整个网站,效果很好。vue页面在实际开发中,经常会遇到改变url参数,重新加载页面数据的需求,但是只改变页面url并不会触发组件的生命周期,这就需要用其他方法来实现了。在index.vue(与页面结构有关)文件,声明reload方法,控制router-view的显示或隐藏,从而控制页面的再次加载。相当于刷新浏览器,会重新加载页面资源,体验相当差。

2023-05-24 14:58:40 2907 1

原创 用js实现常用的算法

首先判断数组的长度是否小于等于 1,如果是则直接返回该数组。接着将左右两部分进行合并,具体做法是使用两个指针依次比较左右两部分的元素,将较小的元素放入结果数组中,并将该元素所在部分的指针向右移动一位。以上代码中,selectionSort 函数接收一个待排序的数组,返回一个新数组,该数组是原数组的升序排列。以上代码中,mergeSort 函数接收一个待排序的数组,返回一个新数组,该数组是原数组的升序排列。需要注意的是,在合并两个有序数组时,两个数组的元素都要按照升序排列,才能使得合并后的结果也是有序的。

2023-05-16 09:44:13 354

原创 react高阶组件 父组件调用子组件方法

react中父组件怎么调用子组件方法

2023-05-09 16:42:07 889

原创 Vue性能优化之异步组件

Vue提供了异步组件的功能,允许我们将组件分割成小块,并在需要时动态地加载它们。

2023-05-09 15:13:26 848 1

原创 js工具类Lodash、功能介绍、用法

Lodash 是一个非常流行的 JavaScript 实用工具库,它提供了一系列优化后可重复使用的函数,简化了 JS 开发中各种常见任务的编写。

2023-05-09 14:37:33 3177 1

原创 vue toDoList绑定事件性能优化 事件委托

vue性能优化

2023-05-08 00:06:42 222 1

原创 vue3 组件自己引用自己 递归组件 组件命名

vue3 递归组件 组件重命名

2023-03-08 10:48:17 5008

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除