lio零度

分类

未归档(375)

/ 注册

全部文章（共375篇）

TypeScript 基础 — const 和 readonly 的区别

区别 const 用于变量。 const message = 'Hello' // 不起作用 message = 'World' 而 readonly 用于属性。属性可以声明为类的成员。 class Triangle { public readonly numberOfVertice...

2022-02-12

0 421

TypeScript 基础 — .d.ts 和 .ts 的区别

区别 .ts 是标准的 TypeScript 文件。其内容将被编译为 JavaScript。 *.d.ts 是允许在 TypeScript 中使用现有 JavaScript 代码的类型定义文件。例如，我们有一个简单的 JavaScript 函数，用于计算两个数字的总和： // math.j...

2022-02-11

0 1679

TypeScript 基础 — string 和 String 的区别

string 和 String 是有效的 TypeScript 类型。以下声明有效： let foo: String = 'foo' let bar: string = 'bar' 区别 string 是指 JavaScript 的基本类型，可以使用文本（单引号或双引号）或 String 函...

2022-02-11

0 446

平滑滚动到一个元素

我们可以通过传递 behavior: smooth 平滑滚动到给定元素： ele.scrollIntoView({ behavior: 'smooth' }) 或将 CSS 属性滚动行为应用于目标元素： scroll-behavior: smooth; 这两种方法我们之前介绍过，详...

2022-02-11

0 514

拖动页面滚动

用户经常使用鼠标在可滚动容器中滚动。除此之外，一些应用程序还允许用户通过拖动元素来滚动。这篇文章向您展示了一种使用 vanilla JavaScript 实现该功能的简单方法。假设我们有一个可滚动的容器，如下所示： <div id="container" clas...

2022-02-11

0 334

模拟 setInterval

目的：避免 setInterval 因执行时间导致的间隔执行时间不一致。 arguments.callee setTimeout(function () { console.log(new Date()) setTimeout(arguments.callee, 1000) }, 0) ...

2022-02-10

0 241

切换类

一行代码，轻松在任何元素上切换类： <div onclick="this.classList.toggle('active')"></div>

2022-02-10

0 215

将光标移动到输入框的末尾

假设我们有一个表示用户全名的文本字段。还有一个编辑按钮用于更新 fullName。 <input type="text" id="fullName" /> <button id="edit">编辑</but...

2022-02-10

0 347

CSS scroll-behavior 属性 — 纯 CSS 平滑滚动

CSS 中的 scroll-behavior 属性是一个非常新的属性。定义要求 scroll-behavior（尤其是在选择锚链接时）具有平滑的过渡动画外观，而不是默认的、更刺眼的即时跳转。 html { scroll-behavior: auto | smooth; } scroll-b...

2022-02-10

0 651

display: none 与 [hidden] 的区别

HTML5 添加了 hidden 属性，该属性与 CSS display: none 具有相同的效果。如果使用 hidden 属性，则无论其值如何，都不会显示元素： <div hidden>  </div> 两者都会对屏...

2022-02-10

0 391