Vue
-
10分钟快速实现数据双向绑定
说在前面 双向绑定概念其实很简单,就是视图(View)的变化能实时让数据模型(Model)发生变化,而数据的变化也能实时更新到视图层。我们所说的单向数据绑定就是从数据到视图这一方向…
-
可拖拽流程图组件开发
效果 在这里插入图片描述 说在前面 流程图在技术领域是一种常见的可视化工具,用于展示系统、应用或业务流程的各个步骤以及它们之间的关系。它们可以帮助开发人员和项目团队更好地理解和规划…
-
一键在自己的网站上添加一只会动的小宠物
说在前面 🎈相信很多80、90后的朋友,对QQ宠物印象非常深刻,每次开机宠物就会自动跑出来。有很多人总是一上线就退出,但就是不愿因取消“开机自动开启”的勾选。2018年09月15日…
-
vue简单封装一个弹幕组件
说在前面 🎈现在很多地方都有使用到弹幕,最近在捣鼓自己的个人博客网站,也想着在里面加入一个弹幕模块,所以在这里封装了一个可复用的弹幕组件,目前已经实现了基本的功能,可能还会有存在缺…
-
Vue 中如何进行非父子组件通信?
说在前面 ❝ 🎈在构建复杂的 Vue 应用程序时,我们经常会遇到需要在非直接父子关系的组件之间进行通信的情况。本文将深入探讨 Vue 提供的多种非父子组件通信方法,并提供实用的代码…
-
Vue 中的 路由守卫 到底是个什么东西?
说在前面 ❝ 🎈在构建 Vue 应用程序时,路由守卫是确保流畅用户体验和强大逻辑控制的关键工具。本文将一起探讨 Vue 路由守卫的概念、类型和实际应用,帮助你理解如何利用这些守卫来…
-
TypeScript学习笔记(5)-联合、交叉、文本类型
联合、交叉、文本类型(字面量类型) 这玩意 看名字挺唬人,咱们继续 “深入”了解下,O(∩_∩)O哈哈~。 联合类型和交叉类型优点: 可以更好地处理类型由两个或多个可能的类型组成的…
-
TypeScript学习笔记(6)-集合类型
对象类型是所有类、接口、数组和字面量类型(不是基本类型的任何类型) 数组类型 两种定义方式 元素类型后跟方括号 ([ ]) 来表示该元素类型的数组 let list:&n…
-
TypeScript学习笔记(7)-接口
什么是接口? 可以使用接口来描述对象、命名和参数化对象的类型,以及将现有的命名对象类型组成新的对象类型。简单说就是 描述变量类型的。 示例: // 定义接口interfa…
-
TypeScript学习笔记(8)-函数
函数类型 命名函数 命名函数是使用关键字 function 编写的函数声明,在当前范围内以不同名称提供。 在运行任何代码之前,命名函数声明会加载到执行上下文…
-
TypeScript学习笔记(9)-类
什么是类? 类是对一个对象的描述,可以使理解更具象化。 比如:传统汽车BBA,电动汽车 目前比较火的问界M9 。电动汽车也继成了汽车的基本属性对吧。比如有几个车轮,几个车门,车的颜…
-
TypeScript学习笔记(10)-泛型
泛型的由来 如果想要创建可处理多种类型而不只是一种类型的组件,该怎么操作? 可以使用 any 类型,但这样就失去了 TypeScript 类型检查系统的功能…
-
TypeScript学习笔记(11)-泛型使用
使用接口和类实现泛型 泛型只是一种将类型传递给组件的方法。 尝试将泛型与接口、函数和类结合使用。 声明泛型接口 定义一个 System 接口 具有两个属性 value 和 mess…
-
TypeScript学习笔记(12)-模块
使用模块组织代码 模块是什么? 模块是一种对代码进行组织和分类的方法。 模块优点 当代码位于模块内时,它将从全局范围拉取到模块范围中。 这可帮助你避免全局命名空间中组件之间的命名冲…
-
TypeScript学习笔记(13)-命名空间
命名空间简介 命名空间是一种用于组织和分类代码的 TypeScript 特定方式,使你能够将相关代码组合在一起。 可以使用命名空间执行以下操作: 减少全局范围内的代码量,限制“全局…
-
快速,节省的包管理神器 – pnpm
pnpm 节省磁盘空间 如果你用到了某依赖项的不同版本,只会将不同版本间有差异的文件添加到仓库。 所有文件都会存储在硬盘上的某一位置。 提高下载速度 依赖解析。 仓库中没有的依赖都…