mxyl12138

摘要： Flex + Grid 混合布局指南 在现代前端开发中，Flex 和 Grid 并不是非此即彼的选择，而是一对强大的组合拳。Flex 擅长一维排列（行或列），Grid 擅长二维布局（行与列同时控制）。混合使用它们，可以同时获得两种布局模型的优点：用 Grid 搭建页面的宏观骨架，用 Flexbox 阅读全文

摘要： CSS Grid 布局参考表 容器属性（作用在父元素） 属性 可选值 默认值 说明 display grid inline-grid — 定义块级或行内级网格容器 grid-template-columns 长度 / 百分比 / fr / auto / minmax() / repeat() non 阅读全文

摘要： CSS Grid 布局指南 Grid 简介 CSS Grid Layout（简称 Grid）是 CSS3 引入的一种二维布局模型，与 Flexbox 的一维布局不同，Grid 可以同时控制行和列，让复杂网页布局变得简单直观。它允许开发者将容器划分为行和列，然后精确地将子元素放置到任意单元格中。 核心 阅读全文

摘要： CSS Flexbox 参考表 容器属性（作用在父元素上） 属性 可选值 默认值 说明 display flex inline-flex — 定义块级或行内级 flex 容器 flex-direction row row-reverse column column-reverse row 主轴方向： 阅读全文

摘要： CSS Flexbox 布局指南 Flexbox 简介 Flexbox（Flexible Box Layout Module）是 CSS3 引入的一种一维布局模型，旨在为容器的子元素提供更高效的排列、对齐和空间分配方式，即使子元素尺寸未知或动态变化也能灵活应对。 核心优势： 摆脱传统浮动（float 阅读全文

摘要： CSS 入门 什么是 CSS CSS（层叠样式表，Cascading Style Sheets）用于描述 HTML 或 XML 文档的样式。通过选择器和声明组成的规则控制网页元素的呈现。 CSS 语法结构 选择器 { 属性名: 属性值; } CSS 引入方式 方式 写法示例 使用场景 行内样式 <d 阅读全文

摘要： HTML 起步文档 HTML（超文本标记语言）是构建网页的基础。 说明：本文中“标签”和“元素”通常混用，但严格来说，<p> 是开始标签，</p> 是结束标签，两者共同构成一个“元素”。为简洁起见，文中多数情况以“标签”泛指元素。 页面骨架 每一个 HTML 文档都有一个固定的骨架。下面的代码模板是 阅读全文

摘要： 前端包管理器配置与使用指南 在前端生态中，包管理器是管理项目依赖、脚本运行、版本控制的核心工具。本文档深入介绍 npm、cnpm、yarn 和 pnpm 的安装、配置、使用技巧及常见问题，帮助你在不同场景下做出最佳选择。 快速决策指南 选型流程图 graph TD A[开始] --> B{是否国内开 阅读全文

摘要： NVM（Node Version Manager）是一个用于管理多个 Node.js 版本的工具，它允许你在同一台机器上安装、切换、卸载不同的 Node.js 版本，有效解决不同项目对 Node.js 版本依赖不一致的问题。 注：本文档同时介绍 Windows 系统下的 nvm-windows 和 阅读全文

摘要： Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境，它让 JavaScript 可以脱离浏览器在服务器端运行。Node.js 采用事件驱动、非阻塞 I/O 模型，使其轻量且高效，非常适合构建数据密集型的实时应用。其包管理工具 npm 是全球最大的开源库生态系统，提 阅读全文