自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 JavaScript与TypeScript的区别

TypeScript兼容JavaScript的语法,可以使用已有的JavaScript库,并且有一些针对TypeScript的专门库和框架。4. ES标准支持:JavaScript是ECMAScript(简称ES)的一种实现,它包含了一系列的标准和语法规范。而TypeScript是一种静态类型语言,变量的类型需要在编译时确定,可以在代码编写阶段检测出类型错误。总的来说,TypeScript是JavaScript的超集,提供了更严格的类型检查和更好的开发工具支持,适用于大型项目和团队开发。

2024-02-26 18:45:22 487 1

原创 Vue3中父子组件传参

基本上和Vue2中一样,只是需要用defineProps定义,下面举个例子直观地感受一下。需要用defineEmits,有两种方法,下边是举例。父组件中,和Vue2一样,自定义一个方法。子组件中,有下面两种方法传参。

2024-02-22 20:01:15 574 1

原创 Vue2和Vue3的区别

新的合成型api能让我们使用方法来分割,相比于旧的api使用属性来分组,这样代码会更加简便和整洁。,选项型api在代码里分割了不同的属性:data,computed,methods等。Vue2结合订阅者——发布者模式,采用。对数据进行劫持,Vue3采用的是proxy代理。Vue3中使用provide inject传参。1.(非常重要)数据双向绑定的原理不同。3.生命周期钩子函数不同。

2024-02-21 19:58:48 522

原创 Vue3中watch和watcheffect的区别

watchEffect是一个函数,用于监听Vue响应式数据的变化。与watch不同,watchEffect不需要指定要监听的属性,它会自动检测依赖关系。总的来说,watch用于监听特定属性的变化,而watchEffect用于监听响应式数据的变化。如果你只想监听特定属性的变化,可以使用watch,如果你需要监听一组响应式数据的变化,并自动追踪其依赖关系,可以使用watchEffect。当属性变化时,回调函数会被触发。在Vue3中,watch和watchEffect是用于监听数据变化的两个不同的方法。

2024-02-20 16:17:07 455

原创 一些关于slot插槽的知识

举例1.默认插槽和具名插槽。

2024-01-21 21:15:40 557

原创 vue父子组件生命周期的执行顺序

需要注意的是,父组件的更新会导致子组件的重新渲染,此时父组件的beforeUpdate和updated钩子函数会在子组件的beforeUpdate和updated钩子函数之前触发。父组件的生命周期钩子会在子组件的生命周期钩子之前触发。在组件被销毁时,钩子函数的执行顺序与创建相反,即先销毁子组件再销毁父组件。在 Vue 中,每个组件都有自己的生命周期钩子函数,包括父组件和子组件。父子组件的生命周期钩子函数顺序可以帮助我们更好地了解组件创建、挂载和销毁的过程,以便在合适的时机做一些处理。

2024-01-18 20:31:24 594 1

原创 关于vue基础的一些小面试题

m是model模型层,用来处理数据,和数据库做交互;vm是view-model视图模型层,用来链接view和model,承上启下的作用,m是model模型层,对数据进行逻辑处理。vue.js是采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调来渲染视图。b.简单易学:国人开发,中文文档,不存在语言障碍,易于理解和学习。a.轻量级框架:只关注视图层,是一个构建数据的视图集合。

2024-01-16 21:09:06 531 1

原创 Vue实现Tab切换

【代码】Vue实现Tab切换。

2024-01-15 22:09:47 551 1

原创 关于js零零落落的小案例

【代码】关于js零零落落的小案例。

2024-01-12 19:50:03 671

原创 git里的分支管理

一、展示分支。

2024-01-11 20:55:56 532 1

转载 less和sass的区别

Less定义变量时使用前缀:@;Sass定义变量时使用前缀:$。

2024-01-10 20:23:36 18 1

原创 Promise对象

它的参数要求跟Promise.all()方法一样,不同的是,它的参数中的promise实例,只要有一个状态发生变化(pending→fulfilled或pending→rejected)它就会有返回,其他实例中再发生变化,它也不管了。接受一个数组作为参数,数组的元素是promise实例对象,当参数中实例对象的状态都为fulfilled时,Promise.all()才会有返回值。then()用于绑定处理操作后的处理程序(成功时执行),catch()只接受一个参数,用于处理操作异常后的业务。

2024-01-06 17:31:50 488 1

原创 继承之构造继承

直接解释构造继承可能有些晦涩难懂,所以我尽量用一个通俗易懂的例子,深入浅出的解决这个问题。这里有一个构造函数Person,一个构造函数Student,一个Student的实例化对象stu,现在要实现的是让stu不仅能继承到Student构造函数及其原型上的属性和方法,还要继承到Person构造函数及其原型上的属性和方法。打印的结果:当然是都可以获取到啦。

2024-01-05 20:37:30 531 1

原创 默认导出与普通导出的区别

默认导出是指模块中只有一个主要的导出项,这个导出项不需要使用特定的名称进行导出,在导入时可以使用任何名称进行引用。普通导出是指模块中可以有多个导出项,每个导出项都需要使用特定的名称进行导出,在导入时也需要使用相应的名称进行引用。默认导出是指模块中只有一个主要的导出项,这个导出项不需要使用特定的名称进行导出,在导入时可以使用任何名称进行引用。普通导出是指模块中可以有多个导出项,每个导出项都需要使用特定的名称进行导出,在导入时也需要使用相应的名称进行引用。// 输出 "Hello, world!

2024-01-02 21:13:38 361

原创 箭头函数的基本知识

10.call、apply可以进行箭头函数的调用,不能改变箭头函数的this指向,bind不能改箭头函数的指向也不能进行箭头函数的调用。4.如果函数中只有一条语句,并且该语句为return语句,可以省略掉{}和return。5.如果return后的是一个对象,省略掉return后需要给对象加一个()2.函数的声明不能改写成箭头函数,函数的表达式和匿名函数可以。8.箭头函数中的this指向父级作用域里的this。7.箭头函数不能作为构造函数。6.箭头函数没有内置对象。9.箭头函数没有原型对象。

2023-12-31 13:41:32 312 1

原创 数组去重的多种方法

方法四 利用set结构中的参数不可重复的特点进行数组去重。方法二 利用对象属性不能重复的特性的特性给数组去重。方法三 利用 indexOf() 方法进行数组去重。方法一 js原生,设置flag状态给数组去重。

2023-12-29 18:34:27 679 1

原创 generator函数(生成器函数)

1.生成器函数的返回值是一个iterator遍历器对象,调用对象上的next()方法,得到的是一个对象,对象中的value值就是yield后的值。2.next()方法可以接受一个参数,它的参数会作为上一个yield的返回值。4.生成器函数中调用生成器函数用 yield*3.如果有嵌套的next(),先执行里边的。

2023-12-28 20:50:55 451

空空如也

空空如也

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

TA关注的人

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