lio零度

未归档

/ 注册

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

侧边栏布局

侧边栏布局，它包含一个边栏（固定的），一个主栏（可滚动的）。 <div class="container">  <aside class="container__sidebar">....

2022-02-18

0 345

固定头部

<div> <header></header> <main></main> </div> 我们可以使用定位的两种方式来固定头部。 Fixed header { position:fixed; to...

2022-02-18

0 226

固定页脚

假设我们的页面由三部分组成：页眉、主要内容和页脚。无论主要内容有多长，页脚总是显示在底部是一种常见的布局。 <div class="container"> <header></header> <main></main...

2022-02-17

0 334

Vue3 注册全局组件

本文将介绍如何注册在整个 Vue 应用程序中使用的 Vue3 全局组件。这与我们在 Vue2 中声明它们的方式有些许不同，但是却很简单。什么是 Vue 全局组件？首先，我们必须了解 Vue3 全局组件是什么以及为什么要使用它。通常，当我们想在 Vue 实例中包含一个组件时，我们会在本地注...

2022-02-13

0 1025

使用 Sass 默认参数的实用技巧

Sass 提供接受参数的函数和 mixin。您可以使用 Sass 默认参数，即具有值的参数，即使在调用函数或 mixin 时未提供这些参数。本文主要关注 mixin。以下是 mixin 的语法： @mixin foo($a, $b, $c) { // 我可以在这里使用 $a、$b 和 $c...

2022-02-13

0 357

CSS @Supports

CSS @supports 指令会像 @media 查询一样出现在 CSS 代码中： @supports(prop:value) { /* more styles */ } CSS @supports 允许开发人员以多种不同的方式检查样式支持。例如：检查是否支持 dispaly: fl...

2022-02-13

0 316

Object.freeze() 与 Object.seal() 的区别

Object.freeze() 与 Object.seal() 两者都用于防止 JavaScript 对象被修改。 const freeze = Object.freeze({ name: 'O.O' }) const seal = Object.seal({ name: 'O.O' }) fr...

2022-02-12

0 306

类型断言（Type Assertion）

类型断言可以用来手动指定一个值具体的类型，即允许变量从一种类型更改为另一种类型。当您比 TS 更了解某个值的类型，并且需要指定更具体的类型时，我们可以使用类型断言。类型断言有两种形式。 "尖括号" 语法：<类型>值 let someValue: any =...

2022-02-12

0 388

缩短 TypeScript 中的导入路径

在 TypeScript 中，我们通常使用相对路径导入特定文件。以下是从 helper 和 services 文件夹导入多个文件的示例： import { validator } from '../../../helpers/validator' import { authService } fr...

2022-02-12

0 310

TypeScript 基础 — namespace 命名空间

随着第三方库在项目中的增加，我们经常会遇到全局命名空间被污染的问题，导致全局命名空间中组件之间的名称冲突。因此，我们需要使用命名空间组织代码块，以便唯一地标识变量、对象和类。在本文中，我们将讨论命名空间、何时需要它们，以及如何使用它们来增强 TypeScript 代码的组织。什么是命名空间？...

2022-02-12

0 447