自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 TS与JS的区别

总体来说,TypeScript 是 JavaScript 的超集,可以用来编写更加严谨和结构化的代码。TypeScript 并不是一个完全新的语言,它是 JavaScript 类型的超集,它可以编译成纯 JavaScript,主要提供了。同时也是一种广泛用于客户端Web开发的脚本语言,常用来给HTML网页添加动态功能,比如响应用户的各种操作。和对 JavaScript 新标准的支持,它由 Microsoft 开发,代码开源与 GItHub 上。

2024-02-26 20:25:16 397 1

原创 vue2 和vue3 父子传参

在Vue2和Vue3中,父子组件间的数据传递主要通过props向下传递(父传子)和自定义事件向上传递(子传父)。虽然基本原理相同,但在实现细节上,Vue3引入了Composition API带来了不同的写法。

2024-02-22 20:50:13 181 1

原创 vue2和vue3的区别

•Vue3:引入了全新的Composition API,并采用Proxy代替Object.defineProperty,提供更全面的观测机制,包括数组的变化检测等,同时优化了性能并解决了Vue2中的一些限制。3.模板语法增强:•Vue2:提供了基础的指令如v-if、v-for、v-bind、v-on等。•Vue3:在Vue2的基础上增强了模板语法,例如新增了v-slot-scope简写#,支持在模板中直接解构props,提供了新的v-model语法糖(.prop 和 .model修饰符合并)等。

2024-02-21 18:06:28 219

原创 Vue3中的watch和watchEffect的区别

3. 参数与回调:•watchEffect:接收一个副作用函数作为参数,在该函数内可以直接访问并引用响应式状态,不需要返回值。•watch:更适合用于对特定的单一或复杂数据对象进行深度监听,并在数据变更时执行特定的逻辑,比如表单验证、状态同步等。2. 依赖收集:•watchEffect:自动收集并追踪在其副作用函数中使用的响应式依赖,无需手动指定监听哪些属性。•watch:需要显式地指定要监听的源(可以是一个对象、一个属性或者一个getter函数),并且在回调函数中处理新旧值的变化。

2024-02-20 17:43:24 689 1

原创 vue父子组件生命周期

8. 子组件 destroyed需要注意的是,子组件的生命周期钩子是在父组件相应钩子之后被调用的。例如,父组件的 created 钩子执行完毕后,才会开始执行子组件的 created 钩子。但在挂载阶段(mount),多个子组件的生命周期钩子可能并不会严格按照他们在模板中的顺序执行,而是几乎同时进行。5. (如果父组件更新触发子组件更新)子组件 beforeUpdate。7. 父组件 beforeDestroy (在实例销毁前调用)5. 父组件 beforeUpdate (当数据改变时)

2024-01-18 21:49:13 381 1

原创 vue 8个生命周期

从vue实例创建、运行到销毁期间,总是随着各种各样的事件,这些事件,统称为生命周期!

2024-01-17 21:16:10 383

原创 vue的基础

vm是view-mode视图模型层,用来连view和model,承上启下的作用,m是model模型层,对数据进行逻辑处理。c是controller调度层,用来接受数据,响应数据;不同点:v-if 是通过删除Dom元素进行隐藏,v-show是通过display:none进行隐藏。应用场景: v-if用于一次或者少次的切换,v-show应用于频繁的切换显示和隐藏。不同点: v-text不会解析富文本,v-html会解析富文本。在MVC中v代表view视图层,用来展示数据,v-on 事件的绑定 简写 @

2024-01-15 22:14:52 359 1

原创 less 和sass的区别

兼容性:由于Less使用类似于CSS的语法,因此它对现有的CSS代码具有更好的兼容性。而Sass的语法更加复杂,因此在与旧版CSS代码进行集成时可能需要更多的工作。Less的社区规模相对较小,但它也有自己的一些优秀的工具和库。这些功能使得Sass更加强大和灵活,可以更有效地管理和组织CSS代码。语法:Less使用类似于CSS的语法,而Sass则使用自己独特的缩进语法。Sass的语法更加紧凑和简洁,可以减少代码的书写量。Less和Sass是两种流行的CSS预处理器,它们都提供了扩展和改进CSS的功能。

2024-01-10 19:45:11 396

原创 普通导出和默认导出

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

2024-01-02 21:17:43 305

原创 ES6中的set

2 delete() 删除set结构中的指定值,删除成功后返回ture 失败返回false。4 has 判断set结构是否含有指定的值,如果有就返回true没有就false。set解构中的参数不可重复(成员值唯一)1 add 添加 s1.add()set 解构的参数必须是遍历对象。3 clear 清除所有成员。5 size 成员个数。

2023-12-28 21:02:37 350

原创 ES6的数组的方法

6、entries 对数组的键值对进行遍历,返回一个遍历器,可以用for...of 对其进行遍历。2 、Array.from() 可以将类似的数组对象(伪数组)或者可遍历的对象转成真正的数组。4、findeIndex 找出数组中符合条件的第一个元素的索引, 都不符合返回-1。8、values 函数 对数组元素进行遍历 返回一个遍历器。7、keys 对数组的索引键进行遍历,返回一个遍历器。1、Array.of函数 : 将一组值转成数组。5、fill 用指定的值,填充到数组 会改变原数组。

2023-12-26 20:35:37 29

空空如也

空空如也

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

TA关注的人

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