Posts tagged with #Frontend

CSS Grid 布局是一个强大的**二维 (2D)** 布局系统，意味着它可以同时处理**行和列**。与 Flexbox（一维）不同，Grid 允许我们在两个维度上对齐项目，是专门为解决复杂的网页布局问题而设计的。 Grid 由以下组件组成： - **Grid 容器 (Grid Container)**：应用了 `display: grid;` 的父元素。 - **Grid 项目...

我们可以在构造函数里为对象添加方法，但这存在一个严重的性能问题。 ```javascript function Player(name, marker) { this. name = name; this...

```javascript // 创建数组 const fruits = ["Apple", "Banana", "Cherry"]; // 访问元素 console. log(fruits[0]); // "Apple" // 修改元素 fruits[1] = "Blueberry"; // 添加元素 fruits...

> 这里是记录 Odin Project 中的一些 CSS 基础部分练习题的笔记，因为本人对 CSS 的理解并不是很好. > This one is a little nicer looking, and a little closer to something you might see in the real world...

Flexbox 是一种现代 CSS 布局模型，旨在提供一种更高效的方式来对容器中的项目进行布局、对齐和空间分配。它允许项目在可用空间内“伸缩”（flex），以适应不同尺寸的屏幕。 Flexbox 由如下组件构成： - **Flex 容器 (Flex Container)**：应用了 `display: flex;` 的父元素。 - **Flex 项目 (Flex Item)**：Flex...

CSS (Cascading Style Sheets) 用于为 HTML 文档添加样式，控制网页的布局和外观。它通过一系列**规则 (rules)** 来实现。 CSS 的基本语法如下: 一条规则由一个**选择器 (selector)** 和一个**声明块 (declaration block)** 组成。声明块包含一个或多个由分号分隔的**声明**，每个声明都是一个 `属性: 值`...

HTML (HyperText Markup Language) 定义了网页的结构和内容。我们使用 HTML 元素 (Elements) 来创建构成典型网页的所有段落、标题、列表、图像和链接。 HTML 标签 (Tags) 是定义网页结构和内容的基本构建块。它由如下部分组成： - **开标签 (Opening tags)**：告诉浏览器 HTML 元素的开始。它们由尖括号 `<>`...