lio零度

未归档

/ 注册

全部文章 / 未归档（共375篇）

JavaScript 和 TypeScript 中的布尔值

boolean 是 JavaScript 中一种原始数据类型。在 TypeScript 中，它总共允许四个值（?）。 JavaScript 中的布尔值 boolean 可以取 true 和 false 的值。其他类型的值可以是 truthy 或 falsy，例如 undefined 或 null...

2022-03-15

0 333

TypeScript 基础 — 类型谓词

TypeScript 中的类型谓词（type predicates）可以帮助您根据条件缩小类型范围。它与 type guards 类似，但在函数上工作。如果函数返回 true，则将参数的类型更改为更有用的类型。让我们从一个基本的例子开始。假设您有一个函数，用于检查某个值是否为 string 类型...

2022-03-15

0 745

JavaScript 和 TypeScript 中的 void

如果您使用过强类型语言，你可能熟悉 void 的概念：一种类型告诉你函数和方法在调用时不返回任何东西。 void 作为操作符存在于 JavaScript 中，作为基本类型存在于 TypeScript 中。在这两个世界里，void 的工作方式和大多数人习惯的略有不同。 JavaScript 中的 ...

2022-03-15

0 407

TypeScript 基础 — enum 枚举

什么是枚举？在大多数面向对象的编程语言（如 C、C# 和 Java）中，有一种数据类型我们称为枚举 — 简称为 enum。Java 枚举是一种特殊的 Java 类，用于定义常量集合。然而，JavaScript 没有 enum 数据类型，但幸运的是，它们现在在 TypeScript 2.4 版本中...

2022-03-15

0 517

ES2017（ES8）

ES2017 新特性： async 函数 Object.values/Object.entries 字符串填充：String.prototype.padStart() 和 String.prototype.padEnd() Object.getOwnPropertyDescr...

2022-03-10

0 340

Vue3 Teleport 组件

<Teleport>是一个内置组件，它允许我们将组件模板的一部分“传送”到存在于该组件 DOM 层次结构之外的 DOM 节点中。 Teleport 的目的我们首先要了解的是，何时使用、以及为什么使用 Teleport。在处理更大的 Vue 项目时，以逻辑的方式组织代码库变得...

2022-03-10

0 322

Vue 3 中的新的响应式 API

Vue3 使用基于 ES6 Proxy 的新的响应性系统。详细内容可查阅 Reactivity Fundamentals。使用 ref() Vue 有一个全局 ref() 方法，它在 JavaScript 原始类型创建一个响应式包装器。它通常只能用于基本类型：number、st...

2022-03-09

0 419

Vue 错误处理 — onErrorCaptured 钩子

Vue 实例有一个 onErrorCaptured 钩子，每当事件处理程序或生命周期钩子抛出错误时，Vue 会调用该钩子。例如，下面的代码将增加一个计数器，每次单击按钮时，组件 test 都会抛出一个错误。 <template> <span id="count&...

2022-03-09

0 954

在 Vue2 与 Vue3 中构建相同的组件

Vue2 和 Vue3 有什么不同？我们以一些简单的示例，来看看具体的变化。你可以查看 Vue3 文档，以了解更加详细的内容示例。创建模板 Vue3 支持 Fragments，这意味着组件可以有多个根节点。 <template> <div class="...

2022-03-09

0 426

ES2016（ES7）

ES2016 包含了两个新的功能：幂运算符（** 和 **=）数组方法 Array.prototype.includes Array.prototype.includes() includes() 确定给定元素是否包含在指定数组中。如果存在返回 true，否则返回 fals...

2022-03-08

0 362